在做Vue项目的时候,用到自定义指令是在所难免的,今天给大家介绍一下自定义指令的用法。
Vue.directive( id, [definition] )
参数:
{string} id
{Function | Object} [definition]
用法:
注册或获取全局指令。
例子:
需求:做一个打开页面的时候在input框自动聚焦的指令。
首先在全局注册一个自定义指令 v-focus
Vue.directive('focus', { inserted: function (el) { el.focus() } })
完后直接在input框直接应用就可以了
<input type="text" v-focus/>