Как отобразить html-страницу (html-код хранится в переменной)


Как отобразить html-страницу (html-код хранится в переменной)

27.10.2020 06:05:14 Просмотров 52 Источник
<Template>
   {{variable}}
</template>

<script>
 export default {
  data(){
   return {
    variable: "<ul><li>Sample</li><li>text></li></ul>"
   }
  }
 }
</script>

Ожидаемый результат:

  • Образец
  • текст

Фактический Результат: <ul><li>Sample</li><li>text</li></ul>

Мне нужно отобразить html-страницу. Где html-коды хранятся в переменной. например, я привел простой код выше. Теперь проблема в том, что страница принимает переменную как строку при отображении.

У вопроса есть решение - Посмотреть?

Ответы - Как отобразить html-страницу (html-код хранится в переменной) / How to display html page (html code stored in variable)

Является ответом!
William Wang

27.10.2020 06:07:03

используйте v-html.

<Template>
  <div
     v-html="variable"
  </div>
</template>
Pulsara Sandeepa

27.10.2020 06:32:42

Вы можете попробовать этот способ, он поможет:

--Код JS --

new Vue({
    el: '#app',
  data: {
    variable: null,
  },
  created() {
    this.variable=`<ul><li>Sample</li><li>text</li></ul>`;
  },
});

-- HTML-код --

<body>
   <Template>
   <div id="app">
   <div v-html="variable"></div>
   </div>
   </Template>
</body>
Помочь в развитии проекта:
Закрыть X