この記事では主に、Vue コンポーネントで iframe 要素を使用するためのサンプル コードを紹介します。参考になれば幸いです。
このページの vue コンポーネントにハイパーリンクを表示する必要がありますが、アドレス バーは変わりません:
GoBack
同じレイヤー要素がカバーされないようにする必要があります。追加できます
コードをコピーコードは次のとおりです:
しかし、html5 にはダイアログ ボックス用の新しいダイアログ要素があります。
iframe のいくつかのメソッド:
iframe コンテンツの取得:
var iframe = document.getElementById("iframe1"); var iwindow = iframe.contentWindow; var idoc = iwindow.document; console.log("window",iwindow);//获取iframe的window对象 console.log("document",idoc); //获取iframe的document console.log("html",idoc.documentElement);//获取iframe的html console.log("head",idoc.head); //获取head console.log("body",idoc.body); //获取body
アダプティブ iframe:
つまり、1 スクロール バーを削除し、2 幅と高さを設定します
var iwindow = iframe.contentWindow; var idoc = iwindow.document; iframe.height = idoc.body.offsetHeight;
例:
関連する推奨事項:
vue2.0 データの双方向バインディングとフォームブートストラップ + vue コンポーネントの詳細な説明
以上がvue コンポーネントで iframe 要素を使用する方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
