Java-Vue模态窗口打开弹窗画面

Java-Vue模态窗口打开弹窗画面

一、 el-dialog打开模态窗口

二 、在窗口中使用 iframe 标签的 v-bind:src="getPageUrl" 属性，跳转并打开画面。

示例：this.getPageUrl ="/static/yard3.html?czNo=" +row.czNo +"&qw=" +row.xw.substring(0, 3) +"&ps=" +tempXw.substring(6, 8) +"&bh=" +tempXw.substring(3, 6) +"&boxNo=" +row.boxNo +"&xw=" +row.xw;

<el-dialog
    :title="title"
    @close="closeS"
    v-loading="loading"
    :visible.sync="yardShow"
    append-to-body
    width="70%"
    class="countDialog"
    :close-on-click-modal="false"
>
    <iframe
    name="iframeMap"
    id="iframeMapViewComponent"
    v-bind:src="getPageUrl"
    width="100%"
    height="95%"
    frameborder="0"
    scrolling="no"
    ref="iframeDom"
    ></iframe>
    <el-button @click="closeS" icon="el-icon-error" type="danger" size="mini">
    关闭
    </el-button>
</el-dialog>