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

Posted 2020-12-12 gxqi

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

子组件：

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

父组件：

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