Bootstrap

Vue 展示的文本换行 静态文本按格式显示 textarea文本的换行 亲测有效

需求

一个商品管理系统,需要新增一个商品的信息,有一个备注字段,需要做成textarea,在textarea中用户是可以进行换行的。在新增完商品之后在查看详情时,备注字段的显示需要和textarea中的格式一致。

解决方案

1.将字符串的"/n"替换成html中的换行标签 "br"使用v-html绑定

<template>
	<h>备注</h>
	<div v-html="remark"></div>
;