新页面 ndl-page 包裹组件删除组件中的dialog和下部按钮新建页面引入组件 注意窗口的表格宽度要改为100vw截取地址栏URL中的参数template div classview-box ndl-page detailDialog refprojectDetailDialogRef refreshListquery / /ndl-page /div /template script import detailDialog from /views/varehouseView/components/detailDialogView.vue; export default { components: { detailDialog , }, data() { return {}; }, mounted() { }, async created() { this.getParams(); }, methods: { // 获得iframe的src的params getParams(val) { let search location.search; let params1 search.substring(search.indexOf(?) 1, search.length).split(); params1[params1.length - 1] params1[params1.length - 1].slice(0, -1); let params2 {}; for (let i 0; i params1.length; i) { let v params1[i] || ; if (v v.indexOf() -1) { let t (params1[i] || ).split() || []; if (t.length 2) { params2[t[0]] t[1]; } } } if (params2) { if (params2.id) { this.$nextTick(() { this.toDetail(params2.id, params2.contactNumber); }) } } }, toDetail(id, contactNumber) { this.$refs.projectDetailDialogRef.open(id, contactNumber); }, }, }; /script style langscss scoped/style