始于此, 终于斯
文章31
标签0
分类13

prop双向绑定

在父组件控制子组件显示, 子组件顶层为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 评论

    1. 1 12月6日 回复
      555