最近在开发vue3 遇到的一个问题,父组件数组更新,子组件没变化
按照经验查看代码。
子组件使用了解构赋值接收props。这会导致响应式丢失
const { data } = defineProps(["data"]);
解决方法,目前只能这样解决
const props = defineProps(["data"]);
const { data } = toRefs(props);
缺点就是之前使用过data属性的,需要全部改为 data.value.字段
获取内容
最近在开发vue3 遇到的一个问题,父组件数组更新,子组件没变化
按照经验查看代码。
子组件使用了解构赋值接收props。这会导致响应式丢失
const { data } = defineProps(["data"]);
解决方法,目前只能这样解决
const props = defineProps(["data"]);
const { data } = toRefs(props);
缺点就是之前使用过data属性的,需要全部改为 data.value.字段
获取内容