vue自定义标签(directives)

  • 全局自定义标签的使用(任何一个实例化标签都可以使用)

    Vue.directives("focus",
    bind:function(el,binding,vnode){
    el.focus()
    }
    )
  • 私有的自定义标签的使用(只属于一个私有的实例化标签):

1.第一种写法


export default{
    data(){
        return{
        }
     },
    directives:{
        "focus":{
            bind:function(el,binding){
                el.focus()
            }
        }
      }
    }
}

2.第二种写法:


export default{
    data(){
        return{
            txtInput:""
        }
    },
    directives:{
        "border":{
            bind:function(el,binding){
                el.style.border=binding.value
            }
        }
    }
}

你可能感兴趣的:(vue自定义标签(directives))