微信h5用web-view嵌套显示不了!

Question

<template>
  <view class="content">
    <!-- <iframe width="100%" height="100%" :src="jumpLink" frameborder="0">
    </iframe> -->
    <web-view width="100%" height="100%" :webview-styles="webviewStyles" :src="jumpLink"></web-view>
  </view>
</template>

<script>
import { readGetIntegral } from "@/api/period";
export default {
  data() {
    return {
      jumpLink: "",
      id: "",
      equipment: "",
    };
  },
  onLoad(options) {
    this.jumpLink = options.jumpLink;
    // window.location.href = this.jumpLink;
    this.id = options.id;
    this.getIntegral();
  },
  methods: {
    getIntegral() {
      let timer1 = setTimeout(() => {
        readGetIntegral({ id: this.id })
          .then((res) => {
            console.log("上传成功");
          })
          .catch((err) => {
            console.log("上传失败");
          });
        clearTimeout(timer1);
        timer1 = null;
      }, 60 * 1000);
    }
  },
};
</script>

<style scoped>
.content {
  height: 100vh;
  position: relative;
}
</style>