问题:
编辑textarea
中的文本有换行,但在页面展示出来的没有换行。
<view class="content">{{item.content}}</view>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210413134540453.png#pic_center)
原因:
textarea
中换行都是用空格来展示的,在页面展示的时候浏览器只保留一个空格。一般的标签(<view></view>
)或者不使用标签显示文本时,文本不会换行。
解决方法:
给需要显示的文本加上 <text></text>
标签,小程序中的换行( \n
) 只有在<text></text>
标签中才有效。
<view class="content"><text>{{item.content}}</text></view>
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210413134400290.png#pic_center)