element navmenu侧边栏动态切换iframe标签

通过element navment侧边栏组件，@select事件获取选中的index,方法里面根据index不用，切换iframe的src路径，实现导航的效果。

标签

 <div class = "top">
      <el-menu
        @select = "getIndex"
        @open="handleOpen"
        @close="handleClose"
        :collapse="isCollapse"  
      >
      <el-menu-item index="1">积分</el-menu-item>
      <el-menu-item index="2">风险</el-menu-item>
      <el-menu-item index="3">隐患</el-menu-item>
      <el-menu-item index="4">排查</el-menu-item>
      <el-menu-item index="5">培训</el-menu-item>
      <el-menu-item index="6">趋势</el-menu-item>  
      </el-menu>
    </div>

数据

 data() {
    return {
        selectIndex:""
    //   isCollapse: true,
    };
  },

方法

  methods: {
    getIndex(e){

        this.selectIndex = e;
        if(this.selectIndex == 1){
             document.getElementById("bdIframe").src = "http://192.168.183.205:8075/WebReport/ReportServer?formlet=aqsk/jiashicangNew/jftj.frm"
        }
        else if(this.selectIndex == 2) {
            document.getElementById("bdIframe").src = "http://192.168.183.205:8075/WebReport/ReportServer?formlet=aqsk/jiashicangNew/fxtj.frm"
            
        }
        else if(this.selectIndex == 3) {
            document.getElementById("bdIframe").src = "http://192.168.183.205:8075/WebReport/ReportServer?formlet=aqsk/jiashicangNew/yhtj.frm"
            
        }else if(this.selectIndex == 4) {
            document.getElementById("bdIframe").src = "http://192.168.183.205:8075/WebReport/ReportServer?formlet=aqsk/jiashicangNew/wpctj.frm"
            
        }else if(this.selectIndex == 5) {
            document.getElementById("bdIframe").src = "http://192.168.183.205:8075/WebReport/ReportServer?formlet=aqsk/jiashicangNew/pxtj.frm"
            
        }else if(this.selectIndex == 6) {
            document.getElementById("bdIframe").src = "http://192.168.183.205:8075/WebReport/ReportServer?formlet=aqsk/jiashicangNew/qstj.frm"      
        }
    },