z vue自定义指令和自定义插件
import Vue from 'vue'
import store from '@/store/index'
Vue.directive('auth', {
// 当被绑定的元素插入到 DOM 中时……
inserted: (el, binding, vnode) => {
const value = binding.value;
const auths = store.state.user.btns
// console.log(value);
if (auths.indexOf(value) == -1) {
el.parentNode.removeChild(el);
}
}
});
main.js
// 自定义插件
// 引入自定义指令
import '@/directive/auth.js'
// vue插件一定暴露一个对象
let myPlugins = {};
// 转换为大写
myPlugins.install = function (Vue, options) {
// 全局指令
Vue.directive(options.name, (ele, params) => {
ele.innerHTML = params.value.toUpperCase();
})
}
export default myPlugins
main.js
main.js
// 自定义插件
import myPlugins from '@/plugins/myPlugins'
Vue.use(myPlugins, {
name: 'upper'
})
<h1 v-upper="'adfdafa'"></h1>
免责申明：
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流！
2. 如有无法查看或链接失效，麻烦请报告联系管理员处理！
3. 本站无法保证资源或其时效性，恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途，请去程序官方购买。 所有资料均来自于网络，版权归原创者所有！本站不提供任何保证，并不承担任何法律责任，如果对您的版权或者利益造成损害，请提供相应的资质证明，我们将于3个工作日内予以删除。
