欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Vue 指令directives

程序员文章站 2022-05-16 18:36:29
...

directives与data平级,其中el就是当前指令的元素。binding.value就是绑定的值

用法:

directives:{
   color:function (el,binding) {   //默认的简写方式会在钩子函数bind,update中执行
      el.style.color = binding.value
   }
}

<p v-color="'red'">{{word}}</p>

需要在每个阶段更细致的执行不同的方法,需要把name也改成一个对象

directives:{
   focus:{
       inserted(el,binding){   //元素刚插入到页面中的时候
         el.focus()           //光标移入
       }
   }
}
<input type="text" v-focus>