Вывод имени компонента в теге

@юрьич · Регистрация: 10.09.2012

Author24 — интернет-сервис помощи студентам

Привет. Решил отдельную тему создать. Суть такая. Хочу передать имя компонента в тег. То есть.

Javascript

import SiteForm from './SiteForm';
export default {
        components: {
            SiteForm
        },
 setup() {
const forms = {Site:'<'+SiteForm.name+'></'+SiteForm.name+'>'}
 return {forms}
}
}

Далее передаю его в другой шаблон и там

HTML5

<template>
              <form v-for="(form,item) in forms" :key="item" >
                    <div v-html="form"></div>
              </form>
</template>

Но проблема в том, что v-html переводит строку в нижний регистр и на выходе я имею

<siteform></siteform>

Решить с регистром вроде никак нельзя. Но думаю можно предварительно form как то разделить и поставить тире между словами. Ведь до v-html в ней SiteForm
Как превратить SiteForm в Site-Form?

Добавлено через 2 часа 57 минут
Вопрос решил, но данный способ не работает. Хоть я и вижу в коде браузера <name></name> но сам компонент не выводится(.

@юрьич · 21.09.2022, 20:40 **[ТС]**

Всё получилось. Использовал <component :is="forms"></component>

@юрьич 14 / 9 / 11 Регистрация: 10.09.2012 Сообщений: 933
	21.09.2022, 20:40 [ТС]	2
	Сообщение было отмечено DrType как решение Решение Всё получилось. Использовал `<component :is="forms"></component>` 1

Опции темы

Вывод имени компонента в теге

Решение