问题:前端接收后端返回换行符 /n 不换行、不生效
解决方案:
一、 设置css的white-space属性
<div class="text-container">{{ text }}</div>
export default {data() {return {text: '这是第一行\n这是第二行',};},
};
<style scoped>
.text-container {white-space: pre-wrap;
}
</style>
二、将字符串里的\n替换为
,然后用v-html渲染字符串。
<div class="text-container">{{ text }}</div>
export default {data() {return {text: '这是第一行\n这是第二行',};},
};
this.text= resp.data.content.replace(/\n/g, '<br>')