//定义一个聚焦点
<input type="text " v-focus >
//定义一个全局的指令,以下钩子函数都需要一个el对象
Vue.directive('focus', {
bind: function (el) { },
inserted: function (el) {
el.focus() // 和JS行为有关的操作,最好在inserted中去执行,防止JS行为不生效
},
updated: function (el) {}
})
![](https://img.haomeiwen.com/i10166229/8d0f8ae4394f21d8.png)
![](https://img.haomeiwen.com/i10166229/d69d4d8eeb2fed15.png)
//定义一个聚焦点
<input type="text " v-focus >
//定义一个全局的指令,以下钩子函数都需要一个el对象
Vue.directive('focus', {
bind: function (el) { },
inserted: function (el) {
el.focus() // 和JS行为有关的操作,最好在inserted中去执行,防止JS行为不生效
},
updated: function (el) {}
})
本文标题:Vue.js指令-directive
本文链接:https://www.haomeiwen.com/subject/xpnhkctx.html
网友评论