<template>
<div style="width:100%;height:100%">
   <el-button-group>
    <el-button type="primary" @click='setIfrom("design1")'>design1</el-button>
    <el-button type="primary"  @click='setIfrom("design2")'>design2</el-button>
    <el-button type="primary"  @click='setIfrom("design")'>design</el-button>
  </el-button-group>
  <iframe style="width:100%;height:100%" :src="srcIfrom" ref="iframe"></iframe>
</div>
</template>
<script>

export default {
  name: 'iframeView',
  data() {
    return {
      srcIfrom: 'http://0.0.0.0:8080/#/queryBiView/AppCode/design/1'
    }
  },
  methods: {
    setIfrom(path) {
      this.srcIfrom = `http://0.0.0.0:8080/#/queryBiView/AppCode/${path}/1`
    }
  }
}
</script>
