Vue输入多个空格

使用场景

在获取到的两个插值表达式之间输入多个空格。

1、转义字符

先说一下，\u00a0是nbsp的16进制表示，其他空格也可以使用下表的值：

16进制表示（对照关系）

nbsp  \u00a0  
ensp  \u2002
emsp  \u2003
1
2
3

用法

<li>
  <span class="car-infoWindow-text">位置：</span>
  {{ item.pointLng }}
  <span v-html="'\u00a0'"></span>
  {{ item.pointLat }}
</li>
1
2
3
4
5
6

2、span && padding

<li>
  <span class="car-infoWindow-text">位置：</span>
  {{ item.pointLng }}
  <span style="padding: 5px;"></span>
  {{ item.pointLat }}
</li>
1
2
3
4
5
6