小程序点击谁谁高亮显示

template

 <div class="con-nav" @click="changeColor">
        <p data-id="1" class="{
  {isChecked==='1'?' active':'act'}}">全部(890)</p>
        <p data-id="2" class="{
  {isChecked==='2'?'active':'act'}}">有图评价</p>
        <p data-id="3" class="{
  {isChecked==='3'?'active':'act'}}">好评(800)</p>
        <p data-id="4" class="{
  {isChecked==='4'?'active':'act'}}">差评(890)</p>
      </div>

data中定义一个属性

data() {
    return {
      isChecked:  " ",
      }
      }