点击按钮触发el-dialog弹框，父组件的数据变成弹框的数据了？

Z时代
2024-02-13
分类：IT

父组件展示的数据如下图
点击按钮触发el-dialog弹框，父组件的数据变成弹框的数据了？
弹框内容

仔细看是弹框数据跟页面数据
目前的代码是：

getFromData(this: any) {
  this.getSampleBroswer({ params: { id: this.sampleId }}).then(res => {
    this.goData(res)
  })
},
goData(this: any, res, type) {
  if (res.code) {
    //判断临时库进来不给显示检测项目组件
    if (type === '1') {
        res.result.template.component = res.result.template.component.filter(item => +item.type !== 20)
    }
    window.app.$store.commit('template/resetState');
    window.app.$store.commit('template/setState', {
        target: 'sample',
        opt: 'update',
        groupId: '0',
        cateId: '',
        id: res.result.template.id,
        serial: res.result.template.serial ? res.result.template.serial : 0,
        component: res.result.template.component,
        tempName: res.result.template.tempName
    })
    // if (_.isArray(this.editorId)) {
    //     this.idList = [ ...this.editorId ]
    // }
    this.reportContent = res.result
    this.flatListGauging = []
    const arr: Array<string> = []
    if (this.listGauging instanceof Array) {
        this.listGauging.forEach(rootNode => {
            this.flattenChildren(rootNode, arr);
        });
    }
    this.loading = true
    this.saveStoreState()
        // initGaugingTable(this.component, this.editorId[ 0 ], this.gaugingVersion)
  }
},