用vue.js打印到elements.io表的html

Question

我想用vue.js将一些HTML数据打印到元素表中。

new Vue({
  el: "#app",
  data: {
    todos: [
      { text: "<p>Learn JavaScript</p>", done: false },
      { text: "<p>Learn Vue</p>", done: false },
      { text: "<p>Play around in JSFiddle</p>", done: true },
      { text: "<p>Build something awesome</p>", done: true }
    ]
  },
})

我的模板是

<div id="app">
  <el-table :data="this.todos">
    <el-table-column prop="text"></el-table-column>
  </el-table>
</div>

但是，当我运行时，它会打印<p>Learn JavaScript</p> UNESCAPALE。我想将其打印成html。

Answer 1

我通过示波器模板找到了它...像这样的工作...

<div id="app">
  <el-table :data="this.todos">
    <el-table-column prop="text">
      <template scope="scope">
        <span v-html="scope.row.text"/>
      </template>
    </el-table-column>
  </el-table>
</div>