<p v-color="red">自定义指令</p>
export default {
deactivated:{
color:{
bind(el,binding){
el.style.color = binding.value
}
}
},
}
只写bind方法,会导致dom更新时,属性不发生变化,可以加上update函数,当update函数和bind函数一样,就可以简写成以下方式
ccolor(el,binding){
el.style.color=binding.value
}
定义全局自定义指令,放在main.js中
Vue.directive('color',function(el,binding){
el.style.color = binding.value
})