用vue简单的实现点击按钮切换背景颜色,具体代码如下所示:
15天30天// 在methods方法里面 data () { time: 3, increase: 5, }, methods: { changeBg (index) { if (index === 3 || index === 4) { this.time = index } else if (index === 5 || index === 6) { this.increase = index } else { this.sort = index } } } // css样式增量总量
点击前
点击后
就这样简单的切换效果就达到了!!!!
附录:vue-绑定class实现动态切换按钮背景颜色
动态的绑定class
{{list.effect}}{{list.duration}}分钟{{list.money}}元
总结
到此这篇关于vue实现点击按钮切换背景颜色的示例代码的文章就介绍到这了,更多相关vue点击按钮切换背景颜色内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!