如何从 iframe vuejs 获取 src

【问题标题】：How to get src from iframe vuejs如何从 iframe vuejs 获取 src
【发布时间】：2020-02-11 07:50:55
【问题描述】：

我从 DB 获取 iframe 的 html，现在我只需要 iframe url

我如何在 nuxtJs 中获取 iframe src

<iframe title="LD SKOOL (Full Video) Prem Dhillon ft Sidhu Moose Wala" width="640" height="360" src="https://www.youtube.com/embed/hBlO1i_WTiY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

【问题讨论】：

标签： vue.js iframe vuejs2 nuxt.js

【解决方案1】：

分配参考，

<iframe ref="iframeRef" />

您可以按照以下方式获取src，

this.$refs.iframeRef.getAttribute('src');

iframeRef 是我提供给 iframe 的参考名称。

如果您无法更新数据库中的 iframe 标记，则可以将 ref 分配给父容器，然后从该元素的子节点中查找 iframe。

this.$refs.iframeContainerRef.children 将返回该容器的所有子 HTML 元素，您可以从中找到 iframe。

【讨论】：