因为在项目中是一个input输入点击出弹窗输入修改系数(产品就是要的这样的,…)所以就会很明显的看到点点击table input获取焦点时,弹窗弹出,焦点还在table input上,所以就要做成弹窗的input自动获取焦点,本来(1)原生属性 autofocus可以自动获取焦点,但是autofocus 只有在模板加载的时候起作用,也就是第一次可以自动获取
(2)第二种尝试 利用class id 或者ref 获取元素 ,然后在el.focus(),不知道为什么总报focus not function ,但是下边明显有这个方法可用的,然而也不造怎么用了,
(3)后来百度看,可以自定义指令
然后v-focus 也没有生效,后来看见百度看见一篇说的很好,决定自己也记录一下方便以后查询记录
inserted 只在元素插入的时候才有用,而且elementui 组件的弹窗复用是通过显示隐藏来的,
所以后来自己模仿他的自己写了原生的input加个v-if,但是现在我在想用elementui 的el-input 加个v-if同样也是可以的吧,本来想试一下,后来接口挂了,就这样写就可以实现弹窗点开自动获取焦点了!笨方法!希望有好方法的,留在下边!
附上之前看的那篇链接https://www.cnblogs.com/hjj2ldq/p/7831972.html