一、在src下新建directive文件夹
二、定义index.js文件,在vue上注入自定义指令
import hasBtn from './permission/hasBtn'
const install = function (Vue) {
Vue.directive('hasBtn', hasBtn)
}
if (window.Vue) {
window['hasBtn'] = hasBtn
Vue.use(install); // eslint-disable-line
}
export default install
三、编写自定义指令
hasBtn.js文件
/**
* 设置操作权限标识符
*/
export default {
inserted(el, binding, vnode) {
/** 从binding中获取dom元素的value值 */
const { value } = binding
/** 存放value值 */
const btn_per