element-ui组件中的Tooltip 文字提示：el-tooltip中content是变量怎么写

最新推荐文章于 2024-06-04 09:43:42 发布

三月.'

最新推荐文章于 2024-06-04 09:43:42 发布

阅读量1.9k

点赞数 1

分类专栏： element-ui 知识点简述文章标签： ui vue.js javascript

本文链接：https://blog.csdn.net/qq_56715703/article/details/131570294

版权

知识点简述同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

element-ui

6 篇文章 2 订阅

订阅专栏

<el-tooltip content="Top center" placement="top">
  <el-button>Dark</el-button>
</el-tooltip>

这样的效果是：

可以看出，content是提示内容。如果是文字提示可以直接写在content里面。

content是变量应该用以下的写法：

 <el-tooltip effect="dark" placement="top">
    <div slot="content">{{ `${scope.row.associationID}` }}</div>
    <div class="association-nowrap">{{ scope.row.associationID ? `立减金：            
    ${scope.row.associationID}` : ''}}</div>
</el-tooltip>

效果为：