Vuetify datatable: динамически отображать и привязывать HTML-шаблон к столбцу сетки - PullRequest
0 голосов
/ 03 декабря 2018

Я пытаюсь сделать что-то вроде этого: https://codepen.io/FilippiSilva/pen/VzqeRB В моем сценарии у меня есть столбцы и шаблоны этих столбцов, поступающие из источника данных, как у меня что-то вроде этого:

<template slot="items" slot-scope="props">
   <td v-for="column in gridColumns"
       class="f-grid-cell py-3 px-4 truncate"
   > {{getFormattedData(column, props.item)}}
   </td>
</template>

где getFormattedData - это пользовательский форматировщик, который возвращает отформатированную строку, которую нам нужно отобразить в сетке.Это хорошо работает, когда данные являются строкой.В случае пунктов меню или действий нам нужно проанализировать необработанный HTML и отобразить его там.Я пытался использовать v-html здесь, но не повезло.Элемент отображается не как HTML внутри столбца, а как простой текст.Как мне скомпилировать html-разметку внутри td в datatable, чтобы она отображалась как html.Любая помощь в этом отношении высоко ценится.Спасибо Мой текущий вывод: https://codepen.io/anon/pen/bQZKzV

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...