本文共 1360 字,大约阅读时间需要 4 分钟。
自定义全局指令
vue中的自定义指令在调用的时候都要以v-开头
使用案例:
html代码:
console.log(binding.value) console.log(binding.expression) el.style.color = binding.value }})
自定义私有指令
使用 directives: { // 自定义私有指令
‘fontweight’: { // 设置字体粗细的
bind: function (el, binding) {
el.style.fontWeight = binding.value
}
},
‘fontsize’: function (el, binding) { // 注意:这个 function 等同于 把 代码写到了 bind 和 update 中去
el.style.fontSize = parseInt(binding.value) + ‘px’
}
}
注意加载顺序 定义的全局变量或者全局指令,一定要放在实例调用之前
一般我们会将函数写到bind和updated中去,所以可以进行简写,直接写function(),不加前缀相当于直接写到了bind和updated中去
转载地址:http://eaxui.baihongyu.com/