想要在一个循环的el-table-column中的某一个el-table-column添加一个提示
这种提示需加一个el-tooltip标签,怎么在循环时在某一个出现这个提示按钮
在Element中提供了一个方法
slot=“header”
自定义头部
<el-table-column
v-for="(item, key) in tableKey"
:key="key"
:prop="item.value"
:label="item.name"
:width="item.width"
:formatter="formatBoolean"
:id="'judge' + item.value"
>
<template slot="header" slot-scope="scope">
<div >{{scope.column.label}}
//这里做判断是否是我们想要添加提示的地方
<span v-show="scope.column.label === flag">
<el-tooltip placement="bottom">
<div slot="content">
<span v-html="massage"></span>
</div>
<i class="el-icon-question"></i>
</el-tooltip>
</span>
</div>
</template>
</el-table-column>
若要改变表格内容:
< template>< /template>
在这里,我们想通过前面的循环拿到某一个循环的value值,通过这个值来确定对应的内容渲染
scope.row[item.value]
这里,item.value是一个string类型,但是由于vue中object特性,这样直接找到对应的值