bug描述:elementUi中input輸入字符光標在輸入一個字符后,光標就退出,無法輸入需要再次聚焦然后輸入一個字符又再次退出。
首先,用elementUi正常用v-model綁定輸入的值是不會造成光標退出的,原因是用了局部作用域插槽並且table的外層包了一層表單,導致光標輸入,table下的數據刷新,導致table重繪,光標失去焦點,首先聲明不建議大家這樣寫代碼,如果要要增加一個table中的表單校驗功能,建議大家把el-form表單放入table內的作用域插槽中,這樣更加容易理解,好了,先說下如圖這種代碼的解決方案,我最后也是用這種方案解決的。
解決辦法是table綁定一個初始化的模擬數據,,插槽內綁定頁面渲染的數據,當輸入框數據變化時,table綁定的數據並沒有發生變化,不會導致table重繪,頁面也可正常校驗