Vue.js：如何显示数据属性中的 <br> 元素

Question

在我的 Vue.js 项目中，我遇到了如下问题

  data() {
    return {
      testData: 'aaaaaa<br>aaaaa',
    }
  }

在 html 模板中，我使用它如下：

<p>{{ testData }}</p>

但该<br>元素没有按预期工作，而是显示为字符串aaaaaa<br>aaaaa

如何让
元素工作？

Answer 1

你可能需要：

模板

<p v-html="testData"></p>