成功vue一个页面引用另个页面

引用页面
<el-button type="text" @click="dialogShowImageVisible = true">实验室表单</el-button>
<el-dialog
      :visible.sync="dialogShowImageVisible"
      fullscreen="false"
      :modal="true"
      style="width:100%;height:90%;top:90px;left:10px;"
      append-to-body="true"
    >
      <ShowImage />
    </el-dialog>
import ShowImage from "@/views/LaboratoryEnrollmentF/ShowImage.vue";
export default {
  data() {
    return {
      dialogShowImageVisible: false,
},
components: {
    ShowImage,
  },
被引用页面
<template>
  <div class="app-container-search">
    <el-form ref="form" :model="form" :rules="rules2" label-width="120px" inline="true">
      <el-row>
        <el-form-item style="line-height: 10px;height:10px">
          <label style="font-weight:normal">病历号：XXXXXXXX</label>
        </el-form-item>
      </el-row>
      <el-row>
        <div style="border: 1px solid #151515;width:13%;float:left;">
          <el-table :data="tableDataZQ" border style="width: 100%">
            <el-table-column fixed prop="ZQ" label="周期"></el-table-column>

            <el-table-column fixed="right" label="类别">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="QL(scope.row)">{{ scope.row.LX }}</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div style="border: 1px solid #151515;width:86%;float:left;margin-left:3px">
          <img id="ImgID" style="height: 100%" src="@/assets/img/fz_jydj.1.jpg" />
        </div>
      </el-row>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableDataZQ: [
        { ZQ: "1周期", LX: "取卵1" },
        { ZQ: "2周期", LX: "取卵2" },
        { ZQ: "3周期", LX: "取卵3" },
        { ZQ: "4周期", LX: "取卵4" },
      ],
    };
  },
  methods: {
    ReturnPage() {
      //this.$router.push("/TopMain/LaboratoryEnrollment_SaveData");
      // this.$router.push("/TopMain/LZBase_SaveData");
      // history.go(-1);
      history.back();
    },

    QL(row) {
      if (row.LX == "取卵1") {
        //document.getElementById("ImgID").src = "@/assets/img/fz_jydj.1.jpg";
        document.getElementById("ImgID").src =
          "/static/img/fz_jydj.1.cc296d54.jpg";
      } else if (row.LX == "取卵3") {
        document.getElementById("ImgID").src =
          "/static/img/fz_jydj.1.cc296d54.jpg";
      } else {
        document.getElementById("ImgID").src = "";
      }
    },
  },
};
</script>