這篇文章主要介紹了vue 表單輸入框不(╥_╥)支持focus及blur事件的表不支解決方案，具有很好的單輸參考價(jià)值，希望對大家有所幫助。入框一起跟隨小編過(guò)來(lái)看看吧
采用指令的及b件的解決方式來(lái)解決這個(gè)問(wèn)題(此處的前端框架以mint-ui為例):
1.html引用: v-mtfocus
2.在實(shí)例中添加指令
directives: {
'mtfocus' (el, binding, vnode) {
let mtinput = el.querySelector('input')
mtinpu??t.onfocus = funct(╯°□°）╯︵ ┻━┻ion () {
...//如果要對節點(diǎn)的數據進(jìn)行更改,且更改要映射到頁(yè)面上,則更改可在vnode.context上進(jìn)行,這樣,改完之后,改變就會(huì )映射到頁(yè)面
}
mtinput.onblur = function () {
...//同上理
}
}
}
補充知識： vue中實(shí)現(xian)點(diǎn)擊按鈕使input顯示的同時(shí)獲取焦點(diǎn)
需求說(shuō)(′?_?`)明：點(diǎn)擊搜索按鈕出現input框，并自動(dòng)使input(????)框聚焦。表不支
如圖所示：
實(shí)現方式1：利用vue的單輸ref
html代碼如下：
（作者：APP開(kāi)發(fā)）