Как включить различные html-файлы в html-файл, используя vue js?
Я знаю использовать require_once () из php, но php не может быть использован в моем проекте. И я также попробовал w3-include из w3-school, но в этом случае мои скрипты не загружаются.
Когда я попытался загрузить с помощью JS, произошло то же самое. Я очень привязан к процессу. Может кто-нибудь, пожалуйста, помогите мне продолжить.
Я использовал это для JS
<script>
$(function(){
$("#includedContent").load("b.html");
});
</script>
Для w3-школ я использовал
<script>
w3.includeHTML();
</script>
Эти два не сработали для меня. Пожалуйста, предоставьте решение. Было бы лучше, если бы вы помогли мне с vue js?
Решение
Вы должны быть в состоянии извлечь HTML с помощью ajax и установить его в локальную переменную, а затем отобразить его с помощью v-html.
Это, однако, не очень хороший способ сделать что-то. HTML-файлы, скорее всего, содержат разметку для полной страницы, включая теги html, body и head, которые могут испортить вашу разметку.
Если в вашем случае у вас есть несколько разных html-страниц, структура которых заранее известна, вы должны использовать их в качестве шаблонов Vue. HTML может быть непосредственно скопирован в шаблон компонента Vue, и он будет работать.
Если, с другой стороны, вы хотите использовать что-то, что позволяет вашим пользователям писать HTML, вы должны сохранить это в базе данных. Например, если у вас есть форум, где пользователи пишут посты, которые они могут стилизовать в HTML, вы можете сохранить разметку для одного поста в базе данных, а затем извлечь ее и визуализировать с помощью v-html.
Другие решения
Других решений пока нет …