date - 使用 Prop Vue3 观看

Question

我想尝试更新 modelValue 并更改日期选择器中的值

watch(range, (range) => {
  emit("update:modelValue", range);
  console.log("update:modelValue", range)
  
});
watch(() => props.modelValue,
  (modelValue) => {
    range.value = {
      start: modelValue.start,
      end: modelValue.end,
    };
  }
);

正在工作，但延迟并显示错误 [Vue warn]: Maximum recursive updates exceeded in component.

Answer 1

为什么需要第一 block watch ？

watch(() => props.modelValue,
  (modelValue) => {
    // Maybe some if condition check to avoid unnecessary calls
    range.value = {
      start: modelValue.start,
      end: modelValue.end,
    };
    emit("update:modelValue", range);
  }
);