Vue--分别运用class绑定和style绑定，通过点击实现样式的切换
放一下Vue官方文档
【Vue--分别运用class绑定和style绑定，通过点击实现样式的切换】https://cn.vuejs.org/v2/guide...
可以简写成class绑定
文章图片
Document - 锐客网 /* 点击前的样式 */
.class1 {
background-color: #fff;
color: #333;
}/* 点击之后的样式 */
.class2 {
background-color: #f52819;
color: #fff;
}/* 给按钮设置样式 */
button {
width: 80px;
height: 40px;
border-radius: 5px;
border: 2px solid rgb(179, 167, 167);
background-color: #fff;
}
style绑定
文章图片
Document - 锐客网 /* 给按钮设置样式 */
button {
width: 80px;
height: 40px;
border-radius: 5px;
border: 2px solid rgb(179, 167, 167);
background-color: #fff;
}
推荐阅读
- 排序（归并排序）
- 运用flutter|运用flutter 构建一个发布版（release）APK
- 日常工作总结之UML图的运用
- 【领导力提升观察日记】运用锚点效应，巧妙地布置任务
- 基于NET|基于NET Core 的Nuget包制作、发布和运用流程解析(完整过程)
- “龙回头”战法的正确运用，只要学会了，你就是炒股高手
- 亚当斯的公平理论(Equity|亚当斯的公平理论(Equity Theory)在薪酬设计中的运用
- 设计教学活动一一学习和运用语文知识解决教学点问题的过程
- 强化英语课堂教学交际化运用
- 《学习类APP的教学运用》心得体会