自定义安全校验组件的使用--DialogSecurity

1、引入自定义安全组件

components: {
   DialogSecurity: () => import('@/views/DialogSecurity')
},

2、引入自定义组件标签

<!--校验操作密码-->
<dialog-security ref="dialogSecurity" callback="openStrike" @openStrike="openStrike"/>

3、编写安全校验成功后的回调函数

openStrike() {
    this.resetDialogForm();
    this.dialogFormVisible = true;
},

 4、在用到的地方进行使用

<el-button type="primary" icon="el-icon-plus" size="mini" @click="openDialogSecurity">申请退费</el-button>

注：可以进行传参

<el-button type="primary" icon="el-icon-plus" size="mini" @click="openDialogSecurity(1)">申请退费</el-button>

 

接收参数：

openStrike(param) {
    this.resetDialogForm();
    this.dialogFormVisible = true;
},