Vue中的.sync不生效问题【踩坑记录】

今天用.sync的时候发现怎么也不起作用,父组件可以给组件传值,但子组件修改值时父组件无法响应,一行一行看过去,花了我一个多小时,哭泣(灬ꈍ ꈍ灬),最后才发现是一个空格捣的鬼:

子组件:

this.$emit('update:name', true)  //正确,冒号后面没有空格
this.$emit('update: name', true)   //错误,冒号后面有个空格


父组件:

<modal-task-name :name.sync="taskToSubmit.name" />

 

posted @ 2020-06-24 17:31  GXQ乔i  阅读(1783)  评论(0编辑  收藏  举报