解决Vue多个 只显示一个问题
在vue实例中,我们常常会遇到 无法多个显示的问题,其原因是vue2.6版本升级之后页面template中的换行和空格都被过滤了,不管打印多少都会只打印一个想要打印多个空格可以通过vue的指令v-html实现1.直接使用pre标签输出:同时注意,pre标签内,所有的空白符都会显示出来,换行和空格也会直接显示出来,所有 可以直接用空格代替。2.使用v-html属性输出:注意:&nbs
·
在vue实例中,我们常常会遇到 无法多个显示的问题,其原因是vue2.6版本升级之后页面template中的换行和空格都被过滤了,不管打印多少都会只打印一个
想要打印多个空格可以通过vue的指令v-html实现
1.直接使用pre标签
<pre>
1 2 3
</pre>
输出:
同时注意,pre标签内,所有的空白符都会显示出来,换行和空格也会直接显示出来,所有 可以直接用空格代替,但 和空格 显示的空白区域大小不一样。
2.使用v-html属性
<div v-html="'1  2 3'"></div>
输出:
注意: 后接;
更多推荐
已为社区贡献1条内容
所有评论(0)