# Iframe 页面

<j-iframe src="/" style="height:430px" v-on:loaded="iFrameLoaded"></j-iframe>
<script>
  export default {
    data() {
      return {
        
      }
    },
    methods: {
      iFrameLoaded(){
        this.$message({
          message: '加载成功!',
          type: 'success'
        });
      }
    }
  };
</script>
显示代码 复制代码

TIP

# Iframe Attributes

参数 说明 类型 可选值 默认值
src iframe 页面地址 -
default-show 初始化是否显示 Boolean - true
full 撑满容器 Boolean - true

# Iframe Events

事件名 说明 参数
loaded Iframe 加载完成后的回调 Iframe实例(this)

# Iframe Methods

方法名 说明 参数
show Iframe 打开
hide Iframe 隐藏
close Iframe 关闭