欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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中生效。
相关标签: 实操