鍍金池/ 問答/HTML/ element ui table 編輯后 input 怎么獲取焦點

element ui table 編輯后 input 怎么獲取焦點

大家好,剛剛學(xué)習(xí)Element UI ,請大俠們指點迷津。
問題:怎么讓Input自動獲取焦點。
我是通過cell-click事件修改“scope.row.edit=true”,變?yōu)榫庉嫷腎nput。

clipboard.png

回復(fù):感謝剛剛熱心網(wǎng)友"Mikasa"的回答。
使用了:autofocus="true"(不能解決)

clipboard.png

結(jié)果:
1.第一次可以自動獲取焦點

clipboard.png
2.第二次就沒有效果了

clipboard.png

問題沒有解決...

感謝  **Mikasa**  提供的解決方法

clipboard.png

   cellClick 是 ElementUI的事件觸發(fā)的方法,關(guān)鍵是這個Vue提供的$nextTick方法
   之前不行,是因為編輯Textbox還沒有渲染出來,直接focus()所以沒有效果。通過Vue的$nextTick
   這個方法,等元素渲染完成后執(zhí)行該回調(diào)方法,這樣focus就有效果了。

結(jié)果:

clipboard.png

問題已經(jīng)解決

回答
編輯回答
不討喜

<el-input :autofocus="true"></el-input>

2018年4月1日 19:58
編輯回答
夏夕

請問你是怎么來回切換的?

2017年4月21日 16:14