坎坎
坎坎
  • 发布:2019-09-03 10:06
  • 更新:2019-09-03 15:19
  • 阅读:863

props传值问题

分类:uni-app

我先尝试直接修改props的值,但是会报错,可能会造成re-render。。。然后采用Vue文档中的方式则拿不到props的值,大家有什么解决办法嘛?

<script>  
    export default {  
    props:{  
      like: Boolean,  
      count: Number  
    },  
        data() {  
            return {  
                yesSrc: require('../static/imgs/like.png'),  
        noSrc: require('../static/imgs/like@dis.png'),  
        liked: this.like,  
        counts: this.count  
            };  
        },  
    methods:{  
      onLike(){  
        this.liked = !this.liked;  
        this.counts = this.liked?(this.counts+1):(this.counts-1)  
      }  
    }  
    }  
</script>
2019-09-03 10:06 负责人:无 分享
已邀请:
1***@qq.com

1***@qq.com - 一只可爱的程序媛

页面内使用一个组件

<test :valueList.sync="testData"></test>

组件内

props: ['valueList'],  
methods: {  
    update( ) {  
     // 修改props的值  
      this.$emit('update:valueList', [ ] )  
    }  
 }
  • 坎坎 (作者)

    我操作like和count只能在这个组件内完成,不然就是死循环了,我只能通过$emit把最后在那个的结果传出去

    2019-09-04 09:29

  • 坎坎 (作者)

    我刚才在Vue里面用上面的代码测试是没有问题的,这应该是uni的问题

    2019-09-04 11:44

  • 1***@qq.com

    回复 坎坎: 然后我把你的代码放在uni里面测试,并没有报错。。

    2019-09-06 10:21

该问题目前已经被锁定, 无法添加新回复