vuejs点击class变化
来源:互联网 发布:linux snmp配置 编辑:程序博客网 时间:2024/06/05 11:56
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue.js小demo</title> <style> .static{ width: 100px; height: 60px; margin:30px auto; display: inline-block; cursor: pointer; } .class-a{ background: lightpink; } .class-b{ background: #eee; } </style></head><body> <div id="content"> <span class="static" v-bind:class="{'class-a':isA,'class-b':!isA}" @click="toggle"></span></div></body><script src="https://cdn.bootcss.com/vue/2.2.6/vue.js"></script><script>var vm=new Vue({ el:"#content", data:function(){ return { isA:false }; }, methods:{ toggle:function(){ this.isA=!this.isA; } }});</script></html>
0 0
- vuejs点击class变化
- vuejs点击class变化
- VueJs 监听 window.resize 方法---窗口变化
- VueJs 监听 window.resize 方法---窗口变化
- vuejs教程4-Class 与 Style 绑定
- vuejs 使用原生js 点击事件方法
- angularjs控制class变化
- vueJs
- vuejs
- VueJS
- vuejs
- vueJS
- vuejs
- vuejs
- Vuejs-学习记录(三)Class与Style绑定
- Vuejs之路之--style和class的绑定
- vuejs中v-bind绑定class时的注意事项
- 表格字体颜色点击变化
- web前端书籍,新人必备
- Eclipse中修改Android应用程序包名
- Android 移除Prefrence & PreferenceCategory
- gsp知识点整理
- IE下ajax操作正常页面刷新数据不变,只有打开调试模式f12刷新数据才会变化
- vuejs点击class变化
- 奇偶排序
- 设计模式C++实现(15)——观察者模式
- Vijos 1182题:星际青蛙(弱弱版)
- React-Native Fetch网络请求的简单封装
- 文章标题
- 设计模式C++实现(16)——状态模式
- TimePicker时间选择器
- redis命令详解与使用场景举例——Server(服务器)