template div class=Mask v-if=propsisShow true false div style=position absolute;left 50;top50;transform translate-50-50;z-index 111;height500px; width 700px; Close c
在 Vue 3 中,props 的值默认是只读的,无法直接修改。如果需要修改 props 的值,可以使用 ref 和 toRefs 将其转换为响应式对象,然后通过修改响应式对象的属性来实现修改 props 的值。
例如,在上面的代码中,可以将 props 转换为响应式对象:
const props = defineProps({
BigImgField: String,
isShow: Boolean
});
const propsData = toRefs(props);
然后就可以通过修改 propsData 的属性来修改 props 的值:
propsData.BigImgField.value = 'new value';
propsData.isShow.value = false;
需要注意的是,修改 props 的值可能会导致父组件的状态不一致,因此应该谨慎使用。如果需要修改父组件的状态,应该通过触发事件来通知父组件进行修改。
原文地址: https://www.cveoy.top/t/topic/b0UR 著作权归作者所有。请勿转载和采集!