关于前端:在Vue中如何创建全局指令

全局指令:

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

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({// ...})