[vue]vue中{} 如何解析出textarea换行符

楼主^#

更多发布于：2021-03-15 16:51

问题：
vue中,将textarea进行v-model绑定后，在使用{}显示时，换行不生效，直接显示成空格

代码：

&lt;div&gt;
        { { summary } }
&lt;/div&gt;
&lt;textarea v-model="summary" cols="30" rows="10"&gt;&lt;/textarea&gt;

解决方案：
在展示的div添加样式

.pre-line {
white-space: pre-line;
}

修改后代码：

&lt;div  class="pre-line"&gt;
         { { summary} }
&lt;/div&gt;
&lt;textarea v-model="summary" cols="30" rows="10"&gt;&lt;/textarea&gt;

欢迎关注，右下角公众号，第一时间获取推送

知识需要管理，知识需要分享

18729930675 贫民最后登录2021-03-30 发帖数1 加关注写私信	沙发^# 发布于：2021-03-30 16:29 pw_summary.replace(/\n/g, '<br>')
	回复(0) 喜欢(0)

发帖回复

您需要登录后才可以回帖，登录或者注册

公众号