el-cascader部分问题

1. el-cascader 使用 hover 模式时,当鼠标移动到文字上面有时无法出现下一层级内容

全局文件加上如下代码:

/* 修改 el-cascader 文字无法选中 */
.el-cascader-node__label {
  z-index: 10;
  position: relative;
}

 2. 当点击文字时也可以选中效果

data() {
  return {
    checkInterval: null
  }
},

activated() {
  ...

  !this.checkInterval && this.checkText()
},
deactivated() {
  this.checkInterval && (this.checkInterval = null)
},

methods: {
  this.checkInterval = setInterval(function () {
        document.querySelectorAll('.el-cascader-node__label').forEach((el) => {
          el.onclick = function () {
            if (this.previousElementSibling) {
              this.previousElementSibling.click()
            }
          }
        })
      }, 1000)
}

 

posted @ 2023-06-25 13:44  李卫泽  阅读(245)  评论(0)    收藏  举报