elementUI中的提示效果

Posted 2020-12-22 sjzxxy

<el-table-column
          prop="dealTotal"
          align="center"
          label="交易总量"
          :render-header="renderHeaderMethods" />

renderHeaderMethods(h, { column }) {
  return h(‘div‘, [
    h(‘span‘, column.label),
    h(
      ‘el-tooltip‘, {
        props: {
          effect: ‘dark‘,
          content: ‘包含响应码“201”、“202”、“203”的汇总结果‘,
          placement: ‘top‘
        }
      },
      [h(‘i‘, {
        class: ‘el-icon-question‘,
        style: ‘color:#409eff;margin-left:5px;cursor:pointer;‘
      })]
    )
  ])
},