为什么shouoji.json不显示,也就是点击手机不显示与手机相关的内容,还是显示笔记本,代码没有问题

来源:4-15 vue-cli3项目案例-右侧列表显示(5)

寒砀

2021-07-16 18:48

<script>

export default {

    name:"show",

    data() {

       var obj=this;

       var url = "";

    //    url不能直接使用,要先定义,因为是局部变量

        

    //    get(url从public之后开始写)

    if (obj.goodId == 1) {

                url = "json/bjb.json";

        }else if(obj.goodId == 2){

                url = "json/shouji.json";

        } else {

            url = "json/bjb.json"

        }

       this.$http.get(url).then(function (res) {

           obj.list=res.data;

       })

       return{

           list:[]

       }

    },

    props: {

        // goodId来自于Right中的<GoodsList :goodId="1"></GoodsList>

        goodId:Number

    },

    watch: {

        goodId(){

            var obj = this;

            var url = "";

            if (obj.goodId == 1) {

                url = "json/bjb.json";

            } else if (obj.goodId == 2){

                url = "json/shouji.json";

            }else{

                url = "json/bjb.json";

            }

           this.$http.get(url).then(function (res) {

           obj.list=res.data;

            })

        return{

           list:[]

        } 

        }

    }

}

</script>


写回答 关注

1回答

  • 慕神0516485
    2021-09-09 14:55:11

    看看Right.vue 里的手机那个GoodList的goodId是不是等于2,可能复制的时候没有更改

vue-cli全集

手把手带你学习从项目创建到项目升级,完美契合企业需求

44773 学习 · 230 问题

查看课程

相似问题