v-bind:class
Class bind
2023-09-27 14:23:17 时间
<!DOCTYPE html> <html lang="zh"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://unpkg.com/vue/dist/vue.js"></script> <link href="../css/style.css" rel="stylesheet"> </head> <body> <div id="myApp"> <div :class="myClass">红色文本</div> <button @click="btnClick">改变class吧</button> </div> <script> var myApp = new Vue({ el: '#myApp', data: { myClass: { active: true, big: true, }, }, methods: { btnClick: function(){ this.myClass.active = !this.myClass.active; this.myClass.big = !this.myClass.big; }, }, }); </script> </body> </html>
相关文章
- .class 怎么在 IDE 中查看源代码
- Unable to load class 'javax.xml.bind.JAXBException'
- static synchronized方法和synchronized方法的区别和联系-2(class锁和对象锁,不同锁,混合访问时)
- vue.js:使用v-bind通过数组绑定多个class案例
- vue.js v-bind动态绑定class对象语法
- java基础(4)public class 和class的区别及注意事项
- Java--Reflect(反射)专题1——class 类的使用
- [JS] Topic - define "class" by tricky methods
- linux中class_create和class_register说明
- 关于Class对象、类加载机制、虚拟机运行时内存布局的全面解析和推测
- CSS一个元素同时使用多个类选择器(class selector)
- class的继承,从基类开始
- RoboGuice :Could not load finalizer in its own class loader 警告
- v-bind绑定class的两种方式
- Class:向传统类模式转变的构造函数
- Cause: org.apache.ibatis.reflection.ReflectionException: Could not set property 'orderdetails' of 'class com.luchao.mybatis.first.po.Orders' with value 'Orderdetail [id=null, ordersId=3, itemsId=1, it
- SpringBoot启动报错Failed to determine a suitable driver class
- dedeCMS /plus/ad_js.php、/plus/mytag_js.php Vul Via Injecting PHP Code By /plus/download.php Into DB && /include/dedesql.class.php