el-tab設(shè)置默認(rèn)激活的標(biāo)簽頁實(shí)現(xiàn)步驟
我們先看看官方文檔：
步驟一：在每個(gè)el-tab-pane中間加個(gè)name屬性
步驟二：在el-tabs標(biāo)簽里綁定屬性v-model="activeTab"，activeTab是隨便自己設(shè)置的名稱。
步驟三：在data數(shù)據(jù)里面存儲你在el-tabs標(biāo)簽里綁定屬性v-model所對應(yīng)的參數(shù)名activeTab
此時(shí)我設(shè)置的 activeTab: 'body',那么此時(shí)就是默認(rèn)激活的標(biāo)簽頁是 el-tab-pane標(biāo)簽里面的name="body"的標(biāo)簽頁，也就是請求體這個(gè)標(biāo)簽頁。
下面上傳源代碼，讓大家自己嘗試一下哈。
<el-tabs v-model="activeTab" type="border-card" style="min-height: 350px">
<el-tab-pane name="headers" label="請求頭(Headers)">
<CodeEdit height="280px" v-model="headers"></CodeEdit>
</el-tab-pane>
<el-tab-pane name="body" label="查詢參數(shù)(Params)">
<CodeEdit height="280px" v-model="params"></CodeEdit>
</el-tab-pane>
</el-tabs>總結(jié)
到此這篇關(guān)于el-tab設(shè)置默認(rèn)激活的標(biāo)簽頁的文章就介紹到這了,更多相關(guān)el-tab設(shè)置默認(rèn)激活標(biāo)簽頁內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue3+vite路由配置優(yōu)化(自動(dòng)化導(dǎo)入)
這篇文章主要介紹了Vue3+vite路由配置優(yōu)化(自動(dòng)化導(dǎo)入),需要的朋友可以參考下2023-09-09
vue項(xiàng)目在env文件中設(shè)置的變量無效問題及解決
這篇文章主要介紹了vue項(xiàng)目在env文件中設(shè)置的變量無效問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue.js中如何導(dǎo)出Excel表格,在項(xiàng)目中經(jīng)常會遇到這樣的需求，今天小編分步驟通過實(shí)例代碼給大家詳細(xì)介紹，需要的朋友可以參考下2019-06-06
Vue項(xiàng)目部署到j(luò)enkins的實(shí)現(xiàn)
本文主要介紹了Vue項(xiàng)目部署到j(luò)enkins的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要為大家詳細(xì)介紹了vue+element自定義查詢組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vue2+element?ui?中的el-table?選中當(dāng)前行當(dāng)前行變色的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue2+element?ui?中的el-table?選中當(dāng)前行當(dāng)前行變色的實(shí)現(xiàn)代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07
這篇文章主要介紹了vue導(dǎo)出excel文件流中文亂碼問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
Vue Router根據(jù)后臺數(shù)據(jù)加載不同的組件實(shí)現(xiàn)
本文主要介紹了根據(jù)用戶所購買服務(wù)的不同，有不同的頁面展現(xiàn)。文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
vue中transition動(dòng)畫使用(移動(dòng)端頁面切換左右滑動(dòng)效果)
這篇文章主要介紹了vue中transition動(dòng)畫使用(移動(dòng)端頁面切換左右滑動(dòng)效果),具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
這篇文章主要介紹了Vue2?響應(yīng)式系統(tǒng)之分支切換，文章圍繞Vue2的相關(guān)資料展開主題詳細(xì)內(nèi)容，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-04-04