Vue table表头添加tip a-tooltip的使用
先看实现效果图:
代码实现:
<span slot="opened_keywords_title"> // 需要在那个表头上添加tip
已开通数量
<a-tooltip>
<template slot="title">统计该账号下,开通客户页面填写的关键词数之和</template> // tip提示的内容
<a-icon type="question-circle" theme="twoTone" two-tone-color="#199ED8" /> // tip样式
</a-tooltip>
</span>
script实现
const columns = [
{
dataIndex: 'opened_keywords',
key: 'opened_keywords',
width: "10%",
slots: { title: 'opened_keywords_title' },
scopedSlots: { customRender: 'opened_keywords' },
}
]
当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »