vue 内嵌第三方网页

这篇文章距离上次修改已过485天，其中的内容可能已经有所变动。

在Vue中内嵌第三方网页，可以使用<iframe>标签。你只需要给<iframe>指定一个src属性，指向你想要嵌入的第三方网页的URL。

下面是一个简单的例子：




<template>
  <div>
    <iframe
      :src="embedUrl"
      width="100%"
      height="600"
      frameborder="0"
      allowfullscreen
    ></iframe>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      embedUrl: 'https://www.example.com' // 第三方网页的URL
    };
  }
};
</script>

在这个例子中，:src="embedUrl"是动态绑定的，意味着你可以在Vue实例的data部分更改embedUrl的值，来嵌入不同的网页。width和height属性可以根据你的需求调整iframe的尺寸。

vue 内嵌第三方网页

评论已关闭

推荐阅读