Vue table表头添加tip a-tooltip的使用

@高效码农  July 14, 2020

先看实现效果图:

2020-07-13T08:27:54.png

代码实现:

      <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' },
  }
]


添加新评论