Top切换

        //发送数据的唯一ID或唯一的字符   item 是v-for里面的数据  class是Top栏改变样式
    <div @click="change(item.shortName)" :class="{ active: flag == item.shortName}"> </div>
    
    //如果值是tj 就显示
    <div  v-if="flag=='tj'">
        //显示flag==tj的数据
    </div>
    //否组就销毁
    <div v-else>
        //显示数据不是tj的数据
    </div>

        //${data.flag} 是事件接受的数据
    const change = (shortName) => {
            //需要先定义一个flag
          data.flag = shortName;
          axios.get(`/api/room/list?page=3&type=${data.flag}`).then((res)=>{

                //需要重新定义一个数组 fenlei
              data.fenlei = res.data.data.list
          })

    };