vue 使用 element-ui 实现小问号提示

最新推荐文章于 2025-02-20 18:22:06 发布

F N Nancy

最新推荐文章于 2025-02-20 18:22:06 发布

阅读量8.2k

点赞数 3

分类专栏：笔记文章标签： vue

本文链接：https://blog.csdn.net/NancyFyn/article/details/113186404

版权

笔记专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种使用Vue框架中的el-tooltip组件来实现状态提示的方法。通过条件判断展示不同状态的文字描述，并利用el-tooltip进行错误信息提示，提高了用户体验。文章详细展示了代码实现方式及最终效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//代码展示：
		<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>