vue学习笔记6 Vue.directive自定义指令
来源:互联网 发布:thinkphp 子域名部署 编辑:程序博客网 时间:2024/06/05 17:18
<h1>Vue.directive自定义指令</h1>
<hr>
<div id="app">
<div v-yang="oo">{{num}}</div>
<br>
<button @click="add">ADD</button>
<div v-yang="oo">{{num}}yang</div>
</div>
<script type="text/javascript">
// 自定义指令
Vue.directive("yang",function(el,binding){
el.style="color:"+binding.value;
});
var app=new Vue({
el:'#app',
data:{
num:10,
oo:'red'
},
methods:{
add:function(){
this.num++;
}
}
})
</script>
<hr>
<div id="app">
<div v-yang="oo">{{num}}</div>
<br>
<button @click="add">ADD</button>
<div v-yang="oo">{{num}}yang</div>
</div>
<script type="text/javascript">
// 自定义指令
Vue.directive("yang",function(el,binding){
el.style="color:"+binding.value;
});
var app=new Vue({
el:'#app',
data:{
num:10,
oo:'red'
},
methods:{
add:function(){
this.num++;
}
}
})
</script>
阅读全文
0 0
- vue学习笔记6 Vue.directive自定义指令
- Vue.directive 自定义指令
- Vue自定义指令(directive)
- Vue.directive 自定义指令
- Vue——自定义指令directive
- Vue 指令(Directive)
- vue---vue中常用指令,以及如何自定义指令vue.directive进行节点操作?
- Vue2 自定义全局指令Vue.directive和指令的生命周期
- Vue学习笔记(2)vue指令
- Vue学习(二)自定义指令
- vue自定义指令-vue-reclick
- vue学习第15天,自定义指令
- vue 自定义指令
- Vue自定义指令-拖拽
- Vue.js--自定义指令
- Vue自定义指令
- vue自定义指令
- vue自定义指令
- [RTOS]--RTX奇葩问题
- PMP笔记-项目干系人管理要点总结
- 【Django】django中登录到accounts/profile/的解决方案
- vmware 拷贝linux系统后网卡名称与网卡配置文件的名称对不上
- Others13_在黑市里,苹果iPhone是这样被解锁的
- vue学习笔记6 Vue.directive自定义指令
- Autofac官方文档(十六)【在启动时运行代码】
- DockerFile方式构建docker镜像
- JAVA基础-类4-静态变量,常量和方法
- 金额转化中文算法
- Autofac官方文档(十七)【配置】
- MIPI接口介绍
- 基于etcd的分布式定时任务框架
- 自定义ViewPager+WebView跳转