在Vue中如何创建全局指令

Posted 2021-09-03 HZM_无止境

---

全局指令:

全局指令的注册方法同全局组件

1、在src文件夹中新建utils文件夹，utils文件夹中一般存放通用的辅助文件(方法、数据等)
2、在文件夹中新建directives.js文件
3、在directives.js文件引入所有要注册的全局指令
4、在main.js中引入directives.js文件并使用Vue.use()全局注册

代码演示:

utils - directives.js

export default (Vue)=>{
    Vue.directive("focus", {
        inserted: function (el) {
            el.focus();
        }
    })
}

在 main.js 引入

import directives from \'@/utils/directives.js\'
Vue.use(directives)

new Vue({
  // ...
})