vue動態(tài)點(diǎn)擊切換css樣式

<template><div v-for="i in 5" class="el-personal" :class="{active:isActive==i}"@click="show(i)">切換css樣式</div> </template> <script>export default {data() {return {isActive: 0,}},methods: {show(i) {this.isActive = i}}} </script> <style lang="scss" scoped>.el-personal{width:100px;height:100px;background:red;}.active{background:blue;} </style>

總結(jié)

以上是生活随笔為你收集整理的vue点击切换css样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。