1. 程式人生 > >vue的點選類似標籤頁的效果

vue的點選類似標籤頁的效果

一,這是兩個點選事件,定義相同的名稱,點選不同的i,會展示下面不同的div

<div>

<i class="el-icon-tickets" style="font-size: 28px; color:#2D87F9;" @click = "showlList=0"></i>

<i class="el-icon-menu" style="font-size: 28px; color:#2D87F9;" @click= "showlList=1" ></i>

</div>

<div v-show="showlList===0">

    dsfasdasddsfsddsf

</div>

<div v-show="showlList===1">

    fgkjfgkjfgkjfg

</div>

二,在data中定義showList初始值

data() {

    return {

      showlList:0,

  }

}