Bootstrap

解决element-ui(vue-element-admin)组件el-drawer弹出自动聚焦的bug

在使用el-drawer组件时,会出现自动聚焦第一个组件的bug
在这里插入图片描述

可以使用如下方法解决:
在drawer中设置一个div,设置ref和tabindex属性用于定位, 为drawer设置opened事件
在这里插入图片描述
在事件中手动聚焦在div中(注意: 此处的_this为在create中手动定义的this)
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

;