【vue】自定义指令
发布时间：2020-12-14 04:35:09 所属栏目：大数据 来源：网络整理
导读：//自定义函数 指令 //.vue div v-AA:BB="‘CC‘" ? //.vue局部指令 directives: { AA: { bind(el,binding,vnode) { el.style.color = "#" + Math.random().toString(16).slice(2,8);//彩色 } }, } ? //main.js全局指令 Vue.directive(‘AA‘,{ bind(el,vnode
|
//自定义函数 指令
//.vue
<div v-AA:BB="‘CC‘" >
?
//.vue局部指令
directives: {
AA: {
bind(el,binding,vnode) {
el.style.color = "#" + Math.random().toString(16).slice(2,8);//彩色
}
},
}
?
//main.js全局指令
Vue.directive(‘AA‘,{
bind(el,vnode) {
if (binding.value == "CC") {
el.style.maxWidth = "1260px";
} else if (binding.value == "DD") {
el.style.maxWidth = "560px";
}
if (binding.arg == ‘BB‘) {
el.style.background = "#6677cc";
el.style.padding = "20px";
}
}
})
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |