Динамические компоненты не отображаются из базы данных ⇐ Javascript

[Anonymous]

Я пытаюсь интегрировать динамические компоненты в мои статьи в блоге Vue 3, хранящиеся в MongoDB, чтобы каждый раз уменьшить работу по определению деталей изображения. Однако компонент изображения не отображается. Ниже приведены данные о контенте и код, который я использую для разбора и отображения контента HTML с помощью динамических компонентов. < /P>
Из этого < /p>
`

`
< /code>
к этому < /p>
`"`
< /code>
article.vue:



< /code>
dynamic-content: < /p>
`
import { onMounted, ref } from "vue";
import "https://cdn.jsdelivr.net/npm/lite-vimeo-embed/+esm";

const props = defineProps({
htmlContent: {
type: String,
required: true,
},
});

const content = ref(null);

onMounted(() => {
if (content.value) {
content.value.innerHTML = props.htmlContent;

// Add 'reveal' class to all child elements
const elements = content.value.querySelectorAll("*");
elements.forEach((element) => {
element.classList.add("reveal");
});
}
});





`
< /code>
Динамические компоненты должны правильно отображаться в контенте статьи в блоге. В настоящее время динамические компоненты не отображаются, и отображается только статический HTML -контент. Подход к рычагу от динамических компонентов и иметь некоторую свободу? Альтернативный более самоуверенный подход, о котором я думал, заключался в том, чтобы разбить статью на более мелкие куски текста и изображений, которые были бы как шаблон.

Подробнее здесь: https://stackoverflow.com/questions/793 ... e-database