Страница отображает простой HTML-текст вместо отображения HTML-таблицы - PullRequest
0 голосов
/ 31 октября 2019

Я хочу отобразить таблицу html, присваивая текст html одной переменной, возвращая эту переменную и передавая код html в формате массива json, как показано ниже.

[{
  "fruit": "apple",
  "flower": "jasmine",
  "capacity": "0",
  "flavor": "jasm",
  "numbers": "1",
  "nic": "1",
  "ram": "4",
  "source": "flower",
  "details": "<table  id=\"details-0\" class=\"table-striped\"><tr><td>type</td><td>static</td></tr><tr><td>template_name</td><td>gold-sti-rh74-stage-use-only</td></tr><tr><td>template_guid</td><td>ec5c9b84c8857bfa91d11d1527250bf7</td></tr><tr><td>flavor</td><td>m1.Small</td></tr><tr><td>num_cpu</td><td>1</td></tr><tr><td>ram</td><td>4</td></tr><tr><td>num_nic</td><td>1</td></tr></table>",
  "id": 0
}]

Но когда страница загружается, яполучить простой текст HTML с tr> и т.д ... и я не получаю формат таблицы. Пожалуйста, помогите мне с этой проблемой.

var _list_data = [];
var details = '<table  id="details-'+i+'" class="table-striped">';

          details += '<tr><td>type</td><td>static</td></tr><tr><td>template_name</td> </tr>';
      details += '</table>';

      _list_data['details'] = (details);
    return _list_data;

Это возвращает простой HTML-код на странице. Мне нужно сделать это как правильный формат таблицы. мы можем использовать v-html в vue js, но этот ответ отправляется в библиотеку. Как мы можем отредактировать файл библиотеки, добавив v-html, что не должно быть правильно? Я в замешательстве.

var _list_data = [];
var details = '<table  id="details-' + i + '" class="table-striped">';
details += '<tr><td>type</td><td>static</td></tr><tr><td>template_name</td> </tr>';
details += '</table>';

_list_data['details'] = (details);
return _list_data;
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

1 Ответ

1 голос
/ 31 октября 2019

Попробуйте использовать v-html вместо {{}}.

<div v-html="_list_data[0]['details']"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...