<template>
<view>
<view class="cool" :class = "isclass? 'isclass' : '' " @click="cool()">
1111111111111
</view>
</view>
</template>
<script>
export default {
data() {
return {
isclass:true,
}
},
methods: {
cool:function(){
this.isclass=!this.isclass
}
}
}
</script>
<style>
.cool{
width: 100rpx;height: 100rpx;background: red;
}
.isclass{
background: green;
}
</style>
vue点击两个颜色切换
最新推荐文章于 2024-08-23 13:45:37 发布