vue 使用 element-ui 實現小問號提示
阿新 • • 發佈:2021-01-27
//程式碼展示:
<template
slot-scope="{row}"
>{{ row.status==0 ? '待計算':row.status==1 ? '已暫停':row.status==2 ? '計算中':row.status==3 ? '待確認':row.status==4 ?
'營銷中':row.status== 5 ? '已結束':row.status==6 ? '等待中':row.status==7 ? '任務失敗 ':'--' }}
< el-tooltip :content='row.errorMsg ? row.errorMsg : "--"' v-if="row.status==7" >
<i class="el-icon-question"/>
</el-tooltip>
</template>
用 el-tooltip 標籤包裹 i 標籤元件可實現小問號做提示的效果,包裹其他標籤可能會出現換行或是其他樣式。
content 屬性是展示提示內容,屬性前加 : 是作為變數。
效果圖: