ElementUI表格中添加表头图标悬浮提示

本文主要介绍了elementui表格中添加表头图标悬浮提示，分享给大家，具体如下：

<el-table-column    label="操作"    fixed="right"    :render-header="tableaction"    width="120">    <!--scope 即为 urlist  scope.row即为当前行数据 -->    <template slot-scope="scope">        <el-button @click="editcar(scope.row)" type="primary" icon="el-icon-edit" size="small" circle></el-button>        <el-button @click="delcar(scope.row.carid)" type="danger"                   icon="el-icon-delete" circle size="small"></el-button>    </template></el-table-column>

 //表格操作提示 tableaction() {    十大元帅简介 return this.$createelement('helphint', {         props: {             content: '编辑车辆 / 删除车辆'         }     }, '操作'); },

切记导入

import helphint from ‘~/components/helphint/helphint.vue';

并在 杏花古诗components中引入

helphint.vue 组件内容

<template>  <span>    <span style="margin-right: 8px"><slot></slot></span>    <el-tooltip :content="content" :placement="placement">      <i class="el-icon-question" style="cursor: pointer;"></i>    </el-tooltip>  </span></templat科技小故事e><script>  export default {    name: 'helphint',    props: {      placement: {        default: 'top'      },      content: strin英语时间表达g,    },    data() {      return {}    },  }</script>

到此这篇关于elementui表格中添加表头图标悬浮提示的文章就介绍到这了,更多相bmi多少正常关element 图标悬浮提示内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持www.887551.com！