视频直播网站源码,vue tabs标签页 点击才加载
tabs标签页,默认加载显示第1个tab;
<el-tabs v-model="tTab" type="card" style="height:100%" @tab-click="tTabClick">
<el-tab-pane label="Jupyter" name="Jupyter">
<modelList></modelList>
</el-tab-pane>
<el-tab-pane label="Shell终端" name="shell" @tab-click="tTabClick">
<el-tabs v-model="bTab" tab-position="left" style="height:100%" @tab-click="bTabClick" v-if="shellOpen">
<el-tab-pane label="shell" name="shell">
<shellList></shellList>
</el-tab-pane>
</el-tabs>
</el-tab-pane>
<el-tab-pane label="容器实例" name="docker" @tab-click="tTabClick">
<el-button>33333333</el-button>
</el-tab-pane>
<el-tab-pane label="基本信息" name="baseInfo" @tab-click="tTabClick">
<el-button>44444444</el-button>
</el-tab-pane>
当tab.name等于shell时,才加截显示第二个。
tTabClick(tab,index){
console.log("tTabClick");
console.log(tab);
console.log(index);
this.tTab = tab.name
if(tab.name == 'shell'){
this.shellOpen = true;
}
},
以上就是 视频直播网站源码,vue tabs标签页 点击才加载,更多内容欢迎关注之后的文章
标签:vue,tabs,标签,源码,tab,加载 From: https://www.cnblogs.com/yunbaomengnan/p/17474903.html