vue自定义指令使用注意事项

全局(mian.js)注册自定义指令:

例如:

Vue.directive('has', (el, binding)=> {
let allBtnArr = JSON.parse(sessionStorage.getItem('allBtnArr'));
console.log(allBtnArr)
if(allBtnArr.includes(binding.value)) {
//console.log(binding.value)
el.style.visibility = "visible"
}else {
el.style.visibility = "hidden"
}
})
注意:1、注册指令时不能‘v-has’,直接‘has’
2、使用时用‘v-has’
3、使用自定义指令时 v-has=“‘接收字符串’”
参考:https://cn.vuejs.org/v2/guide/custom-directive.html#ad(vue官方文档)
posted @ 2018-11-13 15:07  尹小花啦啦啦  阅读(1860)  评论(0编辑  收藏  举报