当前位置: 首页 > Web前端 > vue.js

子组件在computed中将值传递给父组件

时间:2023-04-01 01:00:21 vue.js

通常,子组件通过方法将值传给父组件,然后由父组件取值。然后最近发现可以通过computed来更新父组件的值。话不多说,先上个图吧。computed:{syncValue:{set(v){//监听当前属性值的变化,当属性值变化时执行,更新相关属性数据this.$emit("update:value",v);},get(){//需要读取当前属性值时执行回调函数,根据相关数据计算并返回当前属性的值returnthis.value;}}},父组件获取子组件通过:value.sync="value"这个时候就少不了Vue.sync修饰符的值了!!