el-radio 和 el-cascader点击报错Blocked aria-hidden on a ＜input＞ element because the element that just ...

一、问题引入

在使用el-radio等组件时，控制台报错

 二、解决方案

自定义指令

//单选
  Vue.directive('removeAriaHidden', {
    bind(el, binding) {
      const ariaEls = el.querySelectorAll('.el-radio__original')
      ariaEls.forEach((item) => {
        item.removeAttribute('aria-hidden')
      })
    }
  })

页面使用

<el-radio-group v-model="tableRadio" class="new_radio" @change="changeTable" v-removeAriaHidden>
</el-radio-group>