Vue是不允许子组件直接修改父组件的值的,如果需要修改,按如下方式:
- 子组件
export default {
props: {
visible: Boolean,
},
watch: {
visible(val) {
this.visibleInline = val;
},
visibleInline(val) {
this.$emit('update:visible', val);
}
},
data() {
return {
visibleInline: false,
}
}
}
- 父组件
<template>
<dialog
:visible.sync="show"
>
</dialog>
</template>