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

99
9

Я хотел бы напечатать некоторые данные 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.

спросил(а) 2021-01-27T16:55:44+03:00 4 месяца, 3 недели назад
1
Решение
124

Я нашел его по шаблону... Работает так...

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

ответил(а) 2021-01-27T16:55:44+03:00 4 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема