如何在vue模板中附加div

时间:2016-10-17 13:17:07

标签: laravel vue.js

我有一个模板,我为

运行
<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,但我不知道如何在模板中执行此操作

1 个答案:

答案 0 :(得分:1)

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

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

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

{{{ renderEl () }}}

在Vue 2.x中,您可以执行(docs

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