Как вставить готовый iframe в шаблон Vue3/Nuxt3?

Question

[Айнур Ярулин]

Здравствуйте, API присылает готовый <iframe/>, который нужно вставить на страницу. Насколько я знаю для таких целей нужно использовать атрибут v-html, но по какой-то причине в результате отображается надпись "[object HTMLIFrameElement]"

Я не понимаю, это какая-то особенность Nuxt? Как решить проблему?

<script setup lang="ts">
const iframe = myapi.getIframe()
console.log(iframe) --> в консоли отображается как обычный HTML iframe
</script>

<template>
  <div v-html="iframe"></div> --> в результате надпись "[object HTMLIFrameElement]"
</template>

Answer 1

[Vladimir Medvedev]

есть несколько вариантов, во-первых, вам надо вставить ссылку в фрем, и так можно избежать v-html
<iframe :src="iftame.src"></iframe>

Либо попробовать через otherHTMl

const iframe = myapi.getIframe()
    const iframe = response.data.outerHTML
    return { iframeHtml }