Blocked aria-hidden on a ＜input＞ element because the element that just received focus must not be hi

努力学习的小宇同学

已于 2024-08-21 20:30:10 修改

阅读量130

点赞数 3

分类专栏： bug的解决文章标签： vue.js javascript 前端

于 2024-08-21 19:10:23 首次发布

本文链接：https://blog.csdn.net/qq_55121347/article/details/141400995

版权

bug的解决专栏收录该内容

2 篇文章 0 订阅

订阅专栏

bug

查资料找到三种解决方案

1.第一种在main.js中加入,然后在报错的组件上加,但我没有解决

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

  <el-radio-group  v-removeAriaHidden>
        <el-radio :label="1">A模式</el-radio>
        <el-radio :label="2">B模式</el-radio>
  </el-radio-group>

2.方案二,加一个mounted方法去除这个错误,我还是没有解决

<el-radio-group
    v-model="formData.dimension"
    @input="changeHandle"
    ref="radio"
>
    <el-radio :label="1">男</el-radio>
    <el-radio :label="2">女</el-radio>
</el-radio-group>
 
 
 
mounted() {
    this.$refs.radio.$children.forEach((item) => {
        item.$refs.radio.removeAttribute("aria-hidden");
    });
}