自定义指令

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

  

posted @ 2019-12-04 16:17  阿萨姆✌️  阅读(139)  评论(0编辑  收藏  举报