通常子组件传值给父组件都是通过methods,然后父组件再拿。
然后最近发现可以通过computed就能更新父组件的值。
话不多说,先上图。
computed: {
syncValue: {
set(v) { // 监视当前属性值的变化,当属性值发生变化时执行,更新相关的属性数据
this.$emit("update:value", v);
},
get() { // 回调函数 当需要读取当前属性值是执行,根据相关数据计算并返回当前属性的值
return this.value;
}
}
},
父组件通过 :value.sync = "value"获取子组件的值
此时Vue.sync修饰符可不能少!!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。