如何在vue模板中附加div

Question

我有一个模板，我为

运行

<tr v-for="entry in filteredData">
  <td>
    @{{ entry.position}}
  </td>
  <td :class="addNewElement(entry.value)">

  </td>
  <td>
    @{{ Math.round(entry.chanceOfApproval*100) }}
  </td>
</tr>

我需要方法addNewElement在此列中添加div，但我不知道如何在模板中执行此操作

Answer 1

答案取决于您使用的Vue.js的版本。对于给定的Vue实例

{
  ...
  methods: {
    renderEl() {
      return '<div>...</div>'
    }
  }
}

在Vue 1.x中你可以做（​​docs）

{{{ renderEl () }}}

在Vue 2.x中，您可以执行（docs）

<div v-html="renderEl()"></div>