VUE实用的例子

自定义tabs

// html
//控制显示的按钮 ，其中按钮的样式自已优化
<el-button :class="stationShow?'station_close':'station_open'"   @click="stationShow = true,stationShow2 = false"></el-button>
<el-button :class="stationShow2?'station_close':'station_open'"  @click="stationShow2 = true,stationShow = false"></el-button>
//显示隐藏的容器
 <div v-show="stationShow" ></div>
<div v-show="stationShow2" ></div>


// JS
data() {
      return {
        stationShow:true,//定义一个要显示的变量
    stationShow2:false,//定义第二个tab要显示的变量
}
}