步驟條和標簽頁的簡單關聯
1.步驟條：
步驟條的acitve屬性用來設定當前激活的步驟，型別為number
<el-steps :active="active - 0" finish-status="success">
<el-step title="步驟 1"></el-step>
<el-step title="步驟 2"></el-step>
<el-step title="步驟 3"></el-step>
</el-steps>
2.標簽頁：
標簽頁的v-model屬性系結選項卡中的name值，型別為string
<el-tabs :tab-position="tabPosition" style="height: 200px" v-model="active">
<el-tab-pane name="0" label="用戶管理">用戶管理</el-tab-pane>
<el-tab-pane name="1" label="配置管理">配置管理</el-tab-pane>
<el-tab-pane name="2" label="角色管理">角色管理</el-tab-pane>
</el-tabs>
3.讓兩者關聯，只需要將active和v-model系結同一個變數即可，但是前者是number，后者是string，所以在步驟條的active的值上減個0就好了
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/231590.html
標籤：其他