可以使用Vue的watch来监听弹窗的关闭事件,然后在关闭事件发生时清空数据并重新赋初值。

首先,需要在Vue实例中添加一个关闭弹窗的方法,并在关闭弹窗时调用该方法:

methods: {
  closePopup() {
    // 清空数据并重新赋初值
    this.clearData();
    // 关闭弹窗的逻辑
    // ...
  },
  clearData() {
    this.planModel = {
      other: '无新冠肺炎主观症状及流行学病史',
      pregDiseaseHistory: '0',
      visitType: '0',
      pregFamilyHistory: '0',
      pregPersonalHistory: '0',
      heart: '1',
      lung: '1',
      outVirgina: '1',
      virgina: '1',
      neckUterus: '1',
      uterus: '1',
      gynOther: '1',
      healthAdvice: '1,2,3,4,5',
      fileStatus: '1',
      changeStatus: '1',
    };
  },
},

然后,在Vue实例中使用watch来监听关闭弹窗事件:

watch: {
  // 监听关闭弹窗事件
  popupVisible(newVal, oldVal) {
    if (oldVal === false && newVal === true) {
      // 弹窗关闭时调用关闭弹窗的方法
      this.closePopup();
    }
  },
},

这样,在关闭弹窗时,会调用clearData方法来清空数据并重新赋初值,使planModel恢复到初始状态

const planModel = reactive other无新冠肺炎主观症状及流行学病史 pregDiseaseHistory0 visitType0 pregFamilyHistory0 pregPersonalHistory0 heart1 lung1 outVirgina1 virgina1

原文地址: https://www.cveoy.top/t/topic/hQfr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录