- .sync修饰符:
- 弹框显示隐藏功能:
a. 需要定义ref、prop、自定义方法.
(1). 使用sync:
// 父组件
<Toggle :show.sync='show' />
// Toggle组件
<div v-if="show">
展示和隐藏组件
</div>
<button @click="test">隐藏组件</button>
export default {
props: ['show'],
methods: {
test() {
this.$emit('update:show', false)
}
}
}