在VUE框架中 点击iframe可以全屏显示该标签内容

在Vue框架中，可以通过以下步骤实现点击iframe可以全屏显示该标签内容：

1. 在组件中定义一个变量来记录是否全屏显示。

data() {
  return {
    fullscreen: false
  }
}

2. 在模板中渲染iframe标签，并根据变量值设置相应的样式。

<template>
  <div :class="{ 'fullscreen': fullscreen }">
    <iframe src="https://example.com"></iframe>
  </div>
</template>

<style>
  .fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
  }

  .fullscreen iframe {
    width: 100%;
    height: 100%;
  }
</style>

3. 绑定点击事件，通过改变变量值来控制是否全屏显示。

<template>
  <div :class="{ 'fullscreen': fullscreen }">
    <iframe src="https://example.com" @click="toggleFullscreen"></iframe>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        fullscreen: false
      }
    },
    methods: {
      toggleFullscreen() {
        this.fullscreen = !this.fullscreen
      }
    }
  }
</script>

当点击iframe标签时，会触发toggleFullscreen方法，该方法会将变量fullscreen的值取反，从而改变样式，实现全屏显示和取消全屏显示的切换。