ES6模板字符串应用
程序员文章站
2022-06-07 18:35:30
...
最近有需求在表格中展示数量的列要带单位,且单位和数量之间要有空格隔开。我使用的是vue框架,element-ui库,element中表格自定义列内容是在formatter函数中。
- 于是我想到了字符拼接,代码如下:
formatterCell(row, column, cellValue, index){
if(Boolean(cellValue)){
if(column == "overSpeed"){
return cellValue + '' + 'km/h'//字符串拼接空格
}else{
return cellValue
}
}
}
- 结果并没有起作用,空格的拼接直接被模板忽略了。
- 于是找到了ES6的模板字符串拼接
${cellValue} km/h
这样在数量和单位间直接空格,在table中生效。