我遇到以下问题,我从包含换行符的 API 读取数据字符串\n
我想在我的模板中正确显示它们。
但是当我做类似的事情时:
<p>{{ mytext }}</p>
文本显示为\n
其中的字符就像普通文本一样。
响应中的文本字符串的格式为"Hello, \n what's up? \n My name is Joe"
.
我在这里做错了什么?
甚至不是 vue 问题,你可以简单地使用 CSS 并应用white-space: pre;
到内容。您不需要为此额外的软件包。
new Vue({
el: '#app',
data: {
text: 'Hello Vue.\nThis is a line of text.\nAnother line of text.\n'
}
})
.pre-formatted {
white-space: pre;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.15/vue.js"></script>
<div id="app">
<div class="pre-formatted">{{ text }}</div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)