VUE项目 弹窗改为页面供其他项目嵌入iframe - 截取地址栏URL中的参数

1. 新页面 <ndl-page> 包裹组件

2. 删除组件中的dialog和下部按钮

3. 新建页面引入组件 注意：窗口的表格宽度要改为100vw

4. 截取地址栏URL中的参数

<template> <div class="view-box"> <ndl-page> <detailDialog ref="projectDetailDialogRef" @refreshList="query" /> </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 lang="scss" scoped></style>