提示：文章寫完后，目錄可以自動生成，如何生成可參考右邊的幫助文檔
前言
當我們使用el-tabs不要按照固化的思路去寫每一頁的具體內(nèi)容,可以通過放在el-tabs外部,相同內(nèi)容,來讓代碼更簡潔
提示：以下是本篇文章代碼，下面案例可供參考文章來源：http://www.zghlxwxcb.cn/news/detail-568847.html
二、代碼如下（示例）：
<el-tabs
v-model="formData.type"
@tab-click="onSubmit"
>
<el-tab-pane label="前部" name="1"> </el-tab-pane>
<el-tab-pane label="后部" name="2"> </el-tab-pane>
<el-tab-pane label="左部" name="3"> </el-tab-pane>
<el-tab-pane label="右部" name="4"> </el-tab-pane>
<el-tab-pane label="中部" name="5"> </el-tab-pane>
<el-tab-pane label="毛囊" name="6"> </el-tab-pane>
</el-tabs>
<el-image
v-for="(item, key) in personPhotos"
:key="key"
:src="item"
:preview-src-list="[item]"
></el-image>
export default {
name: "headRecord",
components: {},
props: {
guestId: {
type: Number,
},
},
data() {
return {
timeRange: [],
formData: {
type: "1",
},
personPhotos: [],
};
},
總結
提示：這里簡單的介紹了一個el-tabs的使用技巧,希望大家可以少走彎路,文章來源地址http://www.zghlxwxcb.cn/news/detail-568847.html
到了這里，關于element ui中el-tabs 標簽頁使用技巧的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
