Vue.js：如何从data属性中显示<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>