- 页面上用到自定义指令如下图
- image.png
//自定义指令
//directive:自定义指令的方法 三个参数
//rainbow 自定义的名称
//{}一个对象 bind(el,binding,vnode)el:元素 vnode:虚拟节点
Vue.directive('rainbow',{
bind(el,binding,vnode){
//元素绑定一个样式
el.style.color="#"+Math.random().toString(18).slice(2,8);
}
})
网友评论