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