Element Vue el-table组件内容的千位分隔
实现功能如:后端返回1234表格中显示为1,234贴一下官方文档地址https://element.eleme.cn/#/zh-CN/component/table在官网中这样提到<el-table-columnprop="address"label="地址":formatter="formatter"></el-table-column>methods: {formatt
·
实现功能如:
后端返回1234
表格中显示为1,234
贴一下官方文档地址
https://element.eleme.cn/#/zh-CN/component/table
在官网中这样提到
<el-table-column
prop="address"
label="地址"
:formatter="formatter">
</el-table-column>
methods: {
formatter(row, column) {
return row.address;
}
}
这边改为
给需要转换的el-table-column 加上
:formatter="stateFormat"
stateFormat (row, column, cellValue) {
cellValue += ''
if (!cellValue.includes('.')) cellValue += '.'
return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
return $1 + ','
}).replace(/\.$/, '')
},
更多推荐
已为社区贡献8条内容
所有评论(0)