Vue中多个连续空白符只显示一个的解决办法

一、两个行内元素之间想显示多个空白符
1、首先将pre标签的display属性设置为inline（pre标签中的特殊符号会被转换为符号实体）

pre {
  display: inline;
}  

2、在任意两个行内元素中间插入pre标签输入多个空格即可

二、一个字符串变量内想显示多个空白符
1、设置一个class将white-space属性设置为pre

.white-space {  
  white-space: pre;
}

2、使用该类

<p class="white-space">{{message}}</p>