simpleLog 基于<el-dialog>封装,基本的用法如下:
1. 用法:
<simple-log ref="log"/>
在页面写入组件,给其指定相应的ref。
下面只需在js代码中调用:
this.$refs.log.open({title: '温馨提示️', content: '确定要删除嘛?'}, (r) => {
if (r) {
this.tableData.splice(currentClickRowIndex, 1); //点确定以后的操作
}
});
要想通过函数实现手动关闭则可以:
const log = this.$refs.log.open({title: '温馨提示️', content: '确定要删除嘛?'}, (r) => {
if (r) {
this.tableData.splice(currentClickRowIndex, 1);
}
});
setTimeout(() => {log.close()}, 1000) // 关闭
2. 简介
-
open
函数接收两个参数,第一个为配置对象,第二个为回调函数。回调函数接收true / false
为参数,true
为点击确定按钮,false
为取消按钮。 -
close
函数可实现手动关闭,没有参数。
网友评论