前端—封装自定义指令

自定义全局指令

1.新建action.js文件

import Vue from 'vue';

Vue.directive('action', {
	inserted: function (el, binding) {
		let tagValue = binding.value;
		let functionValue = JSON.parse(sessionStorage.getItem('functionValue'));
		if (functionValue[tagValue] == tagValue) {
			el.style.display = 'none';
		}
	},
});

2.在main.js中引用

import './xxxx/action'; 

3.在页面中的使用

<div v-action="'g_seven'" ></div>

4.针对不同场景可以自定义触发事件，当前事件触发时会移除绑定的标签及其子标签