美文网首页
SimpleLog文档

SimpleLog文档

作者: zlx_2017 | 来源:发表于2018-04-04 16:33 被阅读0次

    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函数可实现手动关闭,没有参数。

    相关文章

      网友评论

          本文标题:SimpleLog文档

          本文链接:https://www.haomeiwen.com/subject/bezkhftx.html