Vue表单输入框不支持focus及blur事件怎么办？

本文共计645个文字，预计阅读时间需要3分钟。

使用指令的格式来解决问题（以mint-ui为例）：

1.引用指令：`v-mtfocus`

2.在实例中添加指令：`directives: { 'mtfocus': { 'bind': (el, binding, vnode)=> { let mtinput=el.querySelector('input'); mtinput.onfocus=f; } } }`

采用指令的方式来解决这个问题(此处的前端框架以mint-ui为例):

1.html引用: v-mtfocus

2.在实例中添加指令

directives: { 'mtfocus' (el, binding, vnode) { let mtinput = el.querySelector('input') mtinput.onfocus = function () { ...//如果要对节点的数据进行更改,且更改要映射到页面上,则更改可在vnode.context上进行,这样,改完之后,改变就会映射到页面 } mtinput.onblur = function () { ...//同上理 } } }

补充知识：vue中实现点击按钮使input显示的同时获取焦点

需求说明：点击搜索按钮出现input框，并自动使input框聚焦。