使用全部指令/私有指令 使用时加上V-
<span v-color="'red'">打印记录</span>
-------全局指令
Vue.directive('color',{
bind:function(el) {//和样式相关的最好写在bind中;和js行为相关的最好写在inserted中【防止js行为不生效】。
el.style.color='red';
},
})
-------私有指令
directives:{//自定义私有指令
'fontweight':{
bind:function(el,binding) {
el.style.fontWeight = binding.value;
}
},
'fontsize': function(el,binding){
el.style.fontsize = parseInt(binding.value) + 'px';
}
}