如何在element-ui（vue.js）中的表头中添加工具提示？

Question

我以为这可以用，但是没有用

<template lang="pug">
  el-table(:data="myDataSet")
    el-table-column
      template(slot="label")
        el-tooltip(content="Verification of Reference")
          | VOR Status
      template(slot-scope="props")
        | {{ props.row.myData }}
</template>

请帮助，谢谢。

Answer 1

<el-table-column prop="value"
                 label="Value"
                 :render-header="renderPhaseHeader">
</el-table-column>

methods: {
  renderPhaseHeader(h, { column }) {
    return h('span', {
      class: 'class-name-if-you-want'
    }, [
      column.label + " ",
      h('el-tooltip', {
        class: 'class-name-if-you-want',
        attrs: {
          'content': 'message',
          'effect': 'light',
          'placement': 'top-start'
        }
      }, [
        h('i', {
          class: 'far fa-question-circle'
        })
      ])
    ])
  }
}

Answer 2

您可以使用slot =“ header”

str1.append(e)