·点击字体,样式切换,简单写法
<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>
显示:
默认
点击我的错题
网友评论