Есть ли способ конвертировать из компонента с входными данными в сырой HTML?

Question

У меня есть компонент в Vue component-z.

Мне нужно передать определенные параметры, поэтому, когда я использую это в html моего Vue, я делаю следующее:

<component-z id="component" data1="data" data2="moreData"></component-z>

Мне нужно взять html из этого и передать его как сообщение родительскому фрейму (из iFrame). Есть ли способ сделать что-то вроде:

<component-z id="component" data1="data" data2="moreData"></component-z>.toHtml()

Answer 1

Сначала добавьте атрибут ref в строку, например ref='component-z'

Если вы находитесь внутри части <script> файла Vue, вы можете получить доступ к экземпляру Vue и его ссылкам, например так:

this.$refs

Чтобы получить доступ к внешнему HTML (или обработанному / необработанному HTML) этого компонента, используйте

this.$refs["component-z"].$el.outerHTML

Обратите внимание на часть "component-z" этого JavaScript, которая соответствует указанному вами атрибуту ref.