拿到书的数据信息后,展示效果是有换行符的时候,可以进行换行。
<div v-html="book.$desc" class="desc"></div>
.desc{
white-space:pre-wrap;
}
<pre>{{book.$desc}}</pre>
-
normal
- 多个空格或换行当做一个处理
- 会自动换行
-
pre
- 保留所有空格(原样显示),换行符(从下一行开始)
- 就是不会自动换行(内容过长会超出显示)
-
pre-wrap:
- 保留所有空格(原样显示),换行符(会从下一行开始)
- 会自动换行
-
no-wrap:
- 多个空格或换行当做一个处理
- 不会自动换行
- 只遇到标签才会换行
-
pre-line
- 合并空格,保留换行符(会从下一行开始)
- 会自动换行
注:v-html是可以读取标签