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


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方法里面进行格式处理就可以了

Vue中监听/禁用键盘事件

Emlog获取所有文章浏览量代码

评 论
更换验证码