1. 使用表格时,表格列内容有时显示的顺序变化了,解决加 key属性方案如下:
2.表格头部显示 类似于tooltip 的内容帮助提示:如下使用
或者:以下代码实现
<el-table-column label="可售库存" prop="stock_sale">
<template slot="header">
<el-tooltip class="item" effect="dark" content="只起到参考作用,并非实际秒杀数量" placement="top-start">
<span>可售库存 <span class="quite">?</span></span>
</el-tooltip>
</template>
<template v-if="row.type !== 'custom'" slot-scope="{ row }">
<span>{{ row.stock_sale }}</span>
</template>
</el-table-column>
// 表格内帮助提示
handleHelp() {
return (
<el-tooltip class='item' effect='dark' placement='top-start' content='提示: 橱窗方式为订货端一排展示2个商品,列表方式为订货端一排展示1个商品!'>
<div style='width: 130px;'>展示方式 <i class='el-icon-question'></i></div>
</el-tooltip>
)
},
3.表格操作后,如何仅更新一条数据,而非刷新整个表数据,实现指定的内容改变效果;