网站编辑记录（个人记录）

循环的列表单个点击后，发生样式改变

:class=“typeData == item.id ? ‘OverColor’ : ‘’”

<div class="list">
          <span
            v-for="(item, index) in List"
            :key="index"
            :class="typeData == item.id ? 'OverColor' : ''"
            @click="clickList(item.id)"
          >{
   {
    item.text }}</span>
        </div>
       data() {
   
           return {
   
                 OverColor: "",
                 typeData: "all"
    }}


clickList(data) {
   
      this.typeData = data;}

span {
   
          display: inline