Blocked aria-hidden on an element because its descendant retained focus...

使用若依框架的时候,el-radio,el-popover浏览器报错

一、若依前端界面如下

Blocked aria-hidden on an element because its descendant retained focus..._第1张图片
二、报错信息

1.el-radio报错信息
Blocked aria-hidden on an element because its descendant retained focus..._第2张图片
2.el-popper报错信息
Blocked aria-hidden on an element because its descendant retained focus..._第3张图片
三、解决方法
1.在main.js中添加自定义指令

//自定义指令
//解决el-radio-group和el-popover的aria-hidden="true"导致的浏览器报错问题
Vue.directive('removeAriaHidden', {
   
  bind(el, binding) {
   
    let ariaEls = el.querySelectorAll('.el-radio__original','el-popover el-popper');
    ariaEls.forEach((item) => {
   
      item.removeAttribute('aria-hidden');
    });
  }
})

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