使用道具 Vue3 观看

Question

我想尝试在日期选择器中更新模型值和更改值

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 警告]：组件中超出了最大递归更新。

Answer 1

为什么需要第一块手表？

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);
  }
);

使用道具 Vue3 观看

Watch with props Vue3

date

watch

vuejs3