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>
下一篇: quartz 节假日