业务需求:A页面打开了弹窗,要跳转至B页面复制内容粘贴在A页面的弹窗form里。所以要保持A页面的弹窗不关闭。
A页面:设置弹窗样式和不关闭
<el-dialog title="收货地址" :visible.sync="dialogTableVisible" :fullscreen="false" :modal="false" :close-on-click-modal="false" :close-on-press-escape="false">
<el-table :data="gridData">
<el-table-column property="date" label="日期" width="150"></el-table-column>
<el-table-column property="name" label="姓名" width="200"></el-table-column>
<el-table-column property="address" label="地址"></el-table-column>
</el-table>
</el-dialog>
/deep/.el-dialog__wrapper {
position: fixed;
top: 95px;
right: 0;
bottom: 0;
left: 210px;
overflow: auto;
margin: 0;
background-color: rgba(0,0,0,.5);
}
App.vue:使用keep-alive添加页面缓存,
<keep-alive>
<router-view v-if="isRouterAlive"></router-view>
</keep-alive>
注意:页面必须设置name属性缓存才能生效
export default {
name:"codeGenerate",
}