vue中使用el-tab-pane v-show/v-if无效
<template><el-tabs v-model="settype" @tab-click="tabClick" ref="tabs"><el-tab-pane label="广告位设置" name="bannerset">广告位设置</el-tab-pane><el-tab-pane label="推送设置" ...
·
<template>
<el-tabs v-model="settype" @tab-click="tabClick" ref="tabs">
<el-tab-pane label="广告位设置" name="bannerset">广告位设置</el-tab-pane>
<el-tab-pane label="推送设置" name="sendset">推送设置</el-tab-pane>
<el-tab-pane label="权限管理" name="authset">权限管理</el-tab-pane>
<el-tab-pane label="红包配置" name="redpoketset">红包配置</el-tab-pane>
</el-tabs>
</template>
<script>
export default {
data() {
return {
settype: 'bannerset'
};
},
methods: {
tabClick(tab, event) {
console.log(tab, event);
//this.hideTabs(tab);
},
hideTabs(idx) {
this.$refs.tabs.$children[idx].$el.style.display = 'none';
}
},
mounted () {
this.hideTabs();
}
}
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)