Как отобразить компоненты, сгенерированные из строки внутри метода?

Question

Я передаю строку в метод с именем parseMsg(msg), который анализирует [item: 5] в <item :id="5"></item>, затем сохраняю проанализированное сообщение внутри массива. Когда я перебираю массив, компонент не отображается.

Это часть системы чата, поэтому не все проанализированные сообщения будут содержать [item: 5]. Компонент должен быть встроен. Например, пользователь может ввести «Обычный текст бла-бла [элемент: 5] бла-бла», и компонент должен отображаться в правильном положении внутри строки.

Как бы я отобразил эту строку для отображения компонента?

Answer 1

что вам нужно сделать, это сделать этот чат-компонент компонентом, который будет динамически визуализироваться, и вы можете поместить в него свой <item :id="5"></item> компонент, попробуйте это,

<template>
  <div>
     <span :is="dynamiChatBubble">
  </div>
</template>
<script>
export default {
  computed: {
    dynamiChatBubble () {
        return {
           template : '<div>You Messeage <item :id="5"></item> bla bla</div>'
        }
    }
  },
}
</script>

, убедитесь, что вы зарегистрировалиitem имя компонента по всему миру.надеюсь, это поможет