vue3 同时监听多个日期变量，若为置空则设置为null

在 Vue 3 中，如果你想同时监听多个日期类型的变量，并在它们变为 undefined 或 null 时将它们重置为 null，你可以这样做：

首先，在数据（data）部分，定义一个数组来存储这些日期变量：

data() {
  return {
    dateVariables: [
      { name: 'dateVariable1', value: null },
      { name: 'dateVariable2', value: null },
      // 添加更多日期变量...
    ]
  }
},

然后，你可以使用 `watch` 函数来监听这些变量的变化：

watch: {
  dateVariables: {
    handler(newValues) {
      newValues.forEach((variable) => {
        if (variable.value === undefined || variable.value === '') { // 检查是否为空
          variable.value = null;
        }
      });
    },
    deep: true, // 如果你需要深度监听，防止对象浅拷贝的问题
  }
}

这个 watcher 会在每次 `dateVariables` 变化时执行，检查每个元素的值，如果发现值变成 undefined 或空字符串，就将其设置回 null。