为什么我在子组件里面data函数里return里面的this不能指向count啊

来源:4-2 父子组件间的数据传递

qq_慕码人4001776

2020-04-14

data:function(){
return{
number:this.count
//this无法指向count对象??????
}
},

写回答

2回答

呀呀呀亚歌

2020-04-15

      var counter = {
        props: ['count'],
        template: '<div @click="handle">{{number}}</div>',
        data: function () {
          return {
            number: this.count,
          };
        },
        methods: {
          handle: function () {
            this.number += 2;
            this.$emit('inc', 2);
          },
        },
      };

按照你的逻辑,应该是这样吧,就是在组件里面应该是number,不是count,从父组件传来的值是不可以修改的,所以template里面应该是number,你再试试

0
1
qq_慕码人4001776
应该是的
2020-04-15
共1条回复

呀呀呀亚歌

2020-04-14

data里面是用来定义数据的,贴下代码,看下count是哪里的

0
1
qq_慕码人4001776
nana
{{total}}
//谢谢了
2020-04-15
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程