在父组件控制子组件显示, 子组件顶层为Popup弹出层, 父组件直接控制子组件Popup的v-model属性
Popup关闭时, 不会主动触发父组件的data属性值
此时需要子组件显式改变父组件data属性值
# 父组件
data: function(){
return {
showPreview: false
}
}
<ImagePreview
:showPreview.sync="showPreview"
/>
# 子组件
<template>
<Popup
v-model="showPreview"
@close="$emit('update:showPreview', false)"
/>
</template>
props: {
showPreview: {
type: Boolean,
default: false
}
}
https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-修饰符
1 评论