1.在标签上面自定义一个指令,代码如下:
2.在main.js中使用Vue.directive绑定自定义指令,代码如下:
// 自定义指令
Vue.directive('rainbow',{
bind(el,bing,vnode){
//颜色随机生成
el.style.color ="#"+Math.random().toString(16).slice(2,8);
}
})
3.页面效果如下:
需要注意的是,在vue中所有自定义指令均应以v-开头,例如上面定义的v-rainbow指令