假如你已经封装了一个弹窗,在引用的时候直接以标签的形式引入
<Dialog
:text="text"
:subText="subText"
:showDialog="showDialog"
@close="closeDialog"
/>
两个按钮,分别给他们加上点击事件
<button @click="showtan1"></button>
<button @click="showtan2"></button>
点击不同的button显示同一个弹窗,仅内容不同
showtan1(){
let text="wode"
let subText="zuguo"
this.showDialog({
text:text,
subText:subText,
showDialog:true
})
}
showtan2(){
let text="zhongguo"
let subText="jizhang"
this.showDialog({
text:text,
subText:subText,
showDialog:true
})
}
showDialog(obj){
this.text=obj.text
this.subText=obj.subText
this.showDialog=obj.showDialog
}
closeDialog(){
this.showDialog({
text:'',
subText:'',
showDialog:false
})
}