<!--  -->
<template>
  <iframe :src="`https://view.officeapps.live.com/op/view.aspx?src=${url}`" :style="style" class="img-box" sandbox="allow-scripts allow-top-navigation allow-same-origin allow-popups allow-forms" frameborder="0"></iframe>
</template>

<script>
export default {
  // import引入的组件需要注入到对象中才能使用
  name: 'iframeBox',
  components: {},
  props: {
    url: { type: String },
    setEvent: { type: Function },
  },
  data() {
    // 这里存放数据
    return {
        style:{ height: "100%", width: "100%" }
    };
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  // 方法集合
  methods: {},
  }
</script>
<style lang='less' scoped>
</style>