视频直播网站源码，vue tabs标签页 点击才加载

视频直播网站源码，vue tabs标签页 点击才加载

tabs标签页，默认加载显示第1个tab；

 

1

<br><el-tabs v-model="tTab" type="card" style="height:100%" @tab-click="tTabClick"><br>    <el-tab-pane label="Jupyter" name="Jupyter"><br>        <modelList></modelList><br>    </el-tab-pane><br>    <el-tab-pane label="Shell终端" name="shell" @tab-click="tTabClick"><br>        <el-tabs v-model="bTab" tab-position="left" style="height:100%" @tab-click="bTabClick" v-if="shellOpen"><br>            <el-tab-pane label="shell" name="shell"><br>                <shellList></shellList><br>            </el-tab-pane><br>        </el-tabs><br>    </el-tab-pane><br>    <el-tab-pane label="容器实例" name="docker" @tab-click="tTabClick"><br>        <el-button>33333333</el-button><br>    </el-tab-pane><br>    <el-tab-pane label="基本信息" name="baseInfo" @tab-click="tTabClick"><br>        <el-button>44444444</el-button><br>    </el-tab-pane>

​

当tab.name等于shell时，才加截显示第二个。

 

1	<br>tTabClick(tab,index){<br>    console.log("tTabClick");<br>    console.log(tab);<br>    console.log(index);<br>    this.tTab = tab.name<br>    if(tab.name == 'shell'){<br>        this.shellOpen = true;<br>    }<br>},

 

以上就是 视频直播网站源码，vue tabs标签页 点击才加载，更多内容欢迎关注之后的文章