高效码农

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」版。查看和发表评论请点击:完整版 »