vue2.X 自定义 模态框 modal

1.自定义 modal

Modal.vue







解释:

(1)通过 watch 监听 子组件的数据变化

(2)通过 $emit 子组件 向 父组件 传值

2.父组件 调用

father.vue






解释:

(1)通过  :show="showModal"  父组件 向 子组件 传值

(2)通过  v-on:listenToChildEvent="setModal"  父组件 接收 子组件 的值

3.效果图

vue2.X 自定义 模态框 modal_第1张图片

你可能感兴趣的:(vue2.X 自定义 模态框 modal)