Element-plus cascader 下拉组件卡顿问题

版本号: “element-plus”: “^1.0.2-beta.71”,
使用过程中,el-cascader 三级联动时候页面会卡死

代码

  <el-cascader v-model="form.clientMarketingCenterCity" clearable filterable :options="areaOptions"  placeholder="请选择城市" :props="{ label: 'name', value: 'name' }" />

问题原因

查官方仓库后发现,原因是

解决办法

添加 @focus 回调

  <el-cascader  @focus="focusChange"/>
 const focusChange = () => {
        // 解决ElementUI的页面卡顿的bug
	const $el = document.querySelectorAll(".el-cascader-panel .el-cascader-node[aria-owns]")
    Array.from($el).map(item => item.removeAttribute("aria-owns"))
  }

你可能感兴趣的:(vue.js,javascript,前端)