vue2的插值表达式识别/n吗
时间: 2023-06-12 19:08:26 浏览: 80
vue.2的插件,比较重要
Vue.js 2 中的插值表达式是不会识别 `\n` 的。如果需要在模板中添加换行符,可以使用 `<br>` 标签或者 CSS 样式实现。例如:
```html
<!-- 使用 <br> 标签 -->
<div>{{ message }}<br>{{ anotherMessage }}</div>
<!-- 使用 CSS 样式 -->
<div class="multiline">{{ message }} {{ anotherMessage }}</div>
```
```css
.multiline {
white-space: pre-line;
}
```
其中,`white-space: pre-line` 样式可以使元素保留原文本中的换行符,并将多个空格合并为一个空格。
阅读全文