Vue.js:如何显示数据属性中的 元素

Question

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

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

在 html 模板中，我按如下方式使用它:

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

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

如何让
元素发挥作用？

Answer 1

您可能需要:

模板

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