1. 程式人生 > >elementui form表單複用 造成每次彈出不能自動獲取焦點問題

elementui form表單複用 造成每次彈出不能自動獲取焦點問題

因為在專案中是一個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