Печать несохраненного HTML в таблицу elements.io с помощью vue.js - PullRequest
Новая
       40

Печать несохраненного HTML в таблицу elements.io с помощью vue.js

0 голосов
/ 14 мая 2019

Я хотел бы напечатать некоторые данные HTML в таблицу элементов с помощью vue.js. 

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> без экранирования. Я хотел бы напечатать его в формате HTML.

1 Ответ

0 голосов
/ 14 мая 2019

Я нашел его по шаблону в области видимости ... Работает так ... 

<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>
...