elementUI 中el-table 的 formatter 和 scope template 不能同时存在问题解决办法

发表于2021/10/27 14:28
3646浏览
0评论
8分钟阅读

el-table-column里面添加formatter 对值进行格式化，一直不生效，后来发现是template中插槽作用域导致的，也就是formatter作用于单个字段（即一个el-table-column）就是下面这种：

<el-table-column field="cbje" title="成本金额" :formatter="floatFormatter" width="120"  align="center">
</el-table-column>

而使用了template后则失效

<el-table-column field="cbje" title="成本金额" :formatter="floatFormatter" width="120"  align="center">
    <template slot-scope="{row}">
          <span >{{ row.cbje }}</span>
    </template>
</el-table-column>

解决办法：

<el-table-column field="cbje" title="成本金额" :formatter="floatFormatter" width="120"  align="center">
    <template slot-scope="{row}">
          <span  v-html="intFormatter(row.cbje )"></span>
    </template>
</el-table-column>
//然后在intFormatter方法里面进行格式处理就可以了