Tab禁止切換
- 給el-tabs標(biāo)簽設(shè)置style=“pointer-events: none;”\
- 注意：每個(gè)el-tab-pane標(biāo)簽也要加上style="pointer-events: auto;"否則各個(gè)頁(yè)面的所有鼠標(biāo)事件都會(huì)失效
<el-tabs v-model="activeName" style="pointer-events: none;">
<el-tab-pane label="用戶管理" name="first" style="pointer-events: auto;">用戶管理</el-tab-pane>
<el-tab-pane label="系統(tǒng)管理" name="second" style="pointer-events: auto;">配置管理</el-tab-pane>
<el-tab-pane label="角色管理" name="third" style="pointer-events: auto;">角色管理</el-tab-pane>
</el-tabs>
tab跳轉(zhuǎn)指定標(biāo)簽頁(yè)
- HTML
<el-tabs v-model="activeName" tabPane="tabPane">
activeName: "first", // 定義數(shù)據(jù)，默認(rèn)展示第一個(gè)
- JS
tabPane() {
if (xxx === "y") {
this.activeName = "second";
} else (xxxx === "y") {
this.activeName = "third";
}
},
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-509909.html
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-509909.html
到了這里，關(guān)于element-ui tab標(biāo)簽禁止切換的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
