Coder-coco 2023-08-22 22:09 采纳率: 44.7%
浏览 22
已结题

请问如何在vue中获取使用iframe嵌入第三方网页下的标签

在vue中获取使用iframe嵌入第三方网页下的标签，有啥方法，只能获取到iframe，无法拿到它里面的标签

  • 写回答

2条回答 默认 最新

  • 十五喵 2023-08-22 22:30
    关注
    
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>demo2</title>
    <script src="vue.js"type="text/javascript" charset="utf-8"></script>
    <script src="./jquery-3.3.1.min.js"></script>
  </head>
  <body>
    <div id="app" >
        <h2>例子</h2>
        <iframe id="myIframe"
            src="https://www.baidu.com/"
            style="width: 400px;height: 300px;"
        ></iframe>
        <button @click="get">获取页面内容</button>
    </div>
    <script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!',
        },        
        methods: {
            get(){
                let obj = $('#myIframe').contents().find('#u1');
                console.log(obj);
            },
        }
    })
    </script>
  </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 8月30日
  • 已采纳回答 8月22日
  • 创建了问题 8月22日