尊龙凯时网址

vue如何实现点击按钮切换背景颜色的效果 -尊龙凯时网址

2024-01-24

不懂vue如何实现点击按钮切换背景颜色的效果?其实想解决这个问题也不难,下面让小编带着大家一起学习怎么去解决,希望大家阅读完这篇文章后大所收获。

用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


感谢你能够认真阅读完这篇文章,希望小编分享vue如何实现点击按钮切换背景颜色的效果内容对大家有帮助,同时也希望大家多多支持本站,关注本站行业资讯频道,遇到问题就找本站,详细的解决方法等着你来学习!

网站地图