简单介绍一下vue中常用dialog组件的封装:
实现动态传入内容,实现取消,确认等回调函数。
首先写一个基本的弹窗样式,如上图所示。
在需要用到弹窗的地方中引入组件:
importdialogBarfrom'./dialog.vue'
components:{
'dialog-bar':dialogBar,
},
<dialog-bar></dialog-bar>
点击一个按钮显示弹窗,并保证关闭弹窗后再次点击依旧显示
在弹窗组件中定义一个value值:v-model="send