1.Iframe.vue

<!-- Iframe --> <template><div><!-- 標題欄 --><mt-header title="Iframe"><router-link to="/" slot="left"><mt-button icon="back">返回</mt-button></router-link></mt-header><!-- 內容 --><iframe:src="currentSrc"frameborder="0"scrolling=""style="background-color:transparent; position: absolute; z-index: -1; width: 100%; height: 100%; top: 40px;left:0;"></iframe></div> </template><script>export default {name: 'Iframe',data(){return {currentSrc: "https://www.cnblogs.com/"}}} </script><style lang="less" scoped>/*隱藏 滾動條*/::-webkit-scrollbar{display:none;} </style>

2.效果圖

　　

轉載于:https://www.cnblogs.com/crazycode2/p/8414419.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的vue Iframe的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。