前言:
因为自定义指令一般直接加在页面html标签上,但是element封装好的confirm的确认按钮没法添加自定义指令
如图:用js的confim实现的弹框
![](https://i-blog.csdnimg.cn/blog_migrate/afeac24575b669898692883b648f9084.png)
实现步骤:
1.template里面:v-clickevent是自定义事件
<!--确定撤回按钮-->
<div style="display:none;" ref="replaceCancel" v-clickevent="{'name':'确定撤回','elemName':'确定撤回'}"></div>
2.在confim的返回事件then里面加 this.$refs.replaceCancel.click()
this.$confirm('请确认是否撤回当前作业?', '撤回确认', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
closeOnClickModal: false
})
.then(() => {
this.$refs.replaceCancel.click()
this.delRecord(item.planId)
})
到此结束