問題描述:
在做一個(gè)項(xiàng)目時(shí),使用了el-tabs舰讹,但是el-tabs的選項(xiàng)文本比較簡單,用戶不容易理解闪朱,故使用el-tooltip為用戶進(jìn)行提示月匣。
解決方案
1.使用插槽匈睁,注:插槽寫法vue2和vue3有區(qū)別,根據(jù)自己項(xiàng)目使用正確的寫法桶错。
<template>
<el-tabs tab-position="left" style="height: 200px" class="demo-tabs">
<el-tab-pane>
<template #label>
<el-tooltip
effect="dark"
content="可在此設(shè)置組件靜態(tài)文本內(nèi)容"
placement="top"
>
<span>{{ "文本" }}</span>
</el-tooltip>
</template>
</el-tab-pane>
</el-tabs>
</template>
效果圖