1.Iframe.vue

<!-- Iframe --> <template><div><!-- 標(biāo)題欄 --><mt-header title="Iframe"><router-link to="/" slot="left"><mt-button icon="back">返回</mt-button></router-link></mt-header><!-- 內(nèi)容 --><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>/*隱藏 滾動(dòng)條*/::-webkit-scrollbar{display:none;} </style>

2.效果圖

　　

轉(zhuǎn)載于:https://www.cnblogs.com/crazycode2/p/8414419.html

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的vue Iframe的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。