使用公式简单快速切换颜色

·点击字体,样式切换,简单写法

<template>
<div class="bottomBox">
            <div   @click="changepage(0)">
                <text :style="{color:page === 0?'#66BFA6':'#8E8E93'}">模拟考</text>
            </div>
            <div  @click="changepage(1)">
                <text :style="{color:page === 1?'#66BFA6':'#8E8E93'}">我的错题</text>
            </div>
</div>
</template>
<script >
    export default {
        data(){
            return{
                page:0,
            }
        },
        methods:{
            changepage(page){
                this.page=page
            }
        },
    }
</script>

显示:


默认

点击我的错题

推荐阅读更多精彩内容

  • 与小晰缘已经相处7天了,每天她都在长本领,我也渐渐摸着了她的饮食规律。
    咚咚王阅读 48评论 0 0
  • 高举“六一儿童节快乐”的旗帜,四处游说筹钱买玩具,爸爸说,不在乎小钱,10元;妈在爸的眼光下,不好多给,10元吧;...
    半壁残月阅读 387评论 0 1