Как отобразить html-страницу (html-код хранится в переменной)
<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)
Является ответом!
27.10.2020 06:07:03
используйте v-html.
<Template>
<div
v-html="variable"
</div>
</template>
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>
Помочь в развитии проекта: