在vue实例中,我们常常会遇到&nbsp无法多个显示的问题,其原因是vue2.6版本升级之后页面template中的换行和空格都被过滤了,不管打印多少都会只打印一个
想要打印多个空格可以通过vue的指令v-html实现
1.直接使用pre标签

  <pre>
      &nbsp;1&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;3
  </pre>

输出:
在这里插入图片描述
同时注意,pre标签内,所有的空白符都会显示出来,换行和空格也会直接显示出来,所有&nbsp可以直接用空格代替,但&nbsp和空格 显示的空白区域大小不一样。
2.使用v-html属性

 <div v-html="'1&nbsp&nbsp;2&nbsp;3'"></div>

输出:
在这里插入图片描述
注意:&nbsp后接;

Logo

前往低代码交流专区

更多推荐