vue Iframe

最新推荐文章于 2024-05-21 18:13:33 发布

weixin_33796177

最新推荐文章于 2024-05-21 18:13:33 发布

阅读量851

点赞数

文章标签： javascript ViewUI

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.效果图