vue自定义指令
1. 局部指令,只能在组件内调用通过directives设置指令updateText为指令名,element为标签对象,binding为包含指令相关信息数据的对象updateText(element, binding) {element.textContent = binding.value.toUpperCase();//变成大写},**通过‘v-’调用**<h3...
·
1. 局部指令,只能在组件内调用
通过directives设置指令
updateText为指令名,element为标签对象,binding为包含指令相关信息数据的对象
updateText(element, binding) {
element.textContent = binding.value.toUpperCase();//变成大写
},
**通过‘v-’调用**
<h3 v-updateText = "msg">{{msg}}</h3>
2. 全局指令
可以全局调用,指令需要写在main.js里面
Vue.directive("lowerText", function(element, binding) {
element.textContent = binding.value.toLowerCase();
});
通过‘v-’调用
<h3 v-lowerText="second">{{second}}</h3>
更多推荐
已为社区贡献15条内容
所有评论(0)