vue表头字段添加鼠标悬浮提示

最新推荐文章于 2024-07-16 17:20:09 发布

一只很酸de橘子

最新推荐文章于 2024-07-16 17:20:09 发布

阅读量304

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wxx_0124/article/details/140018539

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<el-table-column prop="jfScore" align="center" min-width="100px">
          <template slot="header" slot-scope="scope">
            <div>
              <span>信用积分</span>
    　　　　　　<el-tooltip
    　　　　　　　　:aa="scope"
    　　　　　　　　class="item"
    　　　　　　　　effect="light"
    　　　　　　　　placement="top-start">
                 <div slot="content">加分：满分100分<br/>
                   1、加分项1<br/>
                   2、加分项2<br/>
                   扣分：<br/>
                   1、特别重大问题：扣20分<br/>
                   2、重大问题：扣10分<br/>
                   3、一般问题：扣5分</div>
    　　　　　　　　<i class="el-icon-question" style="color: #606266"></i>
    　　　　　　</el-tooltip>
　　　　    </div>
      　　</template>
        </el-table-column>

效果：