自定义指令

在做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/>

  

原文地址:https://www.cnblogs.com/ray123/p/11983619.html