vue判断当前是否处在dialog对话框中

最新推荐文章于 2024-01-25 18:53:45 发布

yi碗吃不够

最新推荐文章于 2024-01-25 18:53:45 发布

阅读量496

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_46194350/article/details/128192341

版权

业务逻辑在使用封装的表格时，会触发自己写的一个进度条方法，但是现在在diaolog对话框里的组件不使用这个方法。

使用vue里的this.$el获取当前的标签元素，再使用原生获取父元素的方法parentNode来判断父元素是否存在class为dialog的标签，有的话返回true，没有返回false

//进度条方法
 async scroll() {
            // 判断是否是存在dialog中
            await this.isDialog(this.$el);
            if (this.isdialog) {
                return;
            }
        }

设置全局字段用来存放false或者true

 data() {
return {
    isdialog: false,
  }
}

递归判断是否存在名称为el-dialog的标签


isDialog(data) {
            if (data.parentNode) {
                if (data.getAttribute('class') == 'el-dialog') {
                    this.isdialog = true;
                    return;
                }
                this.isDialog(data.parentNode);
            } else {
                this.isdialog = false;
                return;
            }
        },