美文网首页
vue 自定义指令(钩子函数)

vue 自定义指令(钩子函数)

作者: jane819 | 来源:发表于2018-08-14 23:14 被阅读0次
    • 页面上用到自定义指令如下图
    • 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);
        }
    })
    

    相关文章

      网友评论

          本文标题:vue 自定义指令(钩子函数)

          本文链接:https://www.haomeiwen.com/subject/zfhsbftx.html