换行的两种方式:
- 使用
<br>
和v-html
- 设置
white-space: pre-wrap;
文本显示方式 | \n |
<br> |
---|---|---|
vue 中使用 { { } } |
默认不换行,\n 的位置会有空格,设置样式 white-space: pre-wrap; ,可以换行 |
不换行 |
textContent | 默认不换行,\n 的位置会有空格,可通过设置 white-space: pre-wrap; 换行 |
不换行 |
innerHTML | 默认不换行,\n 的位置会有空格,可通过设置 white-space: pre-wrap; 换行 |
换行 |
innerText | 默认换行 | 不换行 |
textarea 标签的 value | 默认换行 | 不换行 |