百度一大堆全部没生效,最后发现是代码问题,props 父组件传入的参数被作为 v-model绑定的数据。

vue是单向数据,props传过来的属性子组件只能使用,不可以修改,之前在vue2会注意这点,但是最近vue3项目中有这个代码,但是运行都没报错就忽略了。

之所以之前没问题,最近删除依赖重新编译报错,猜测是vue3内部或者相关校验做了优化,所以问题暴露出来了

错误用法:

defineProps(['visible'])

v-model="visible"

正确用法:

const props = defineProps(['visible'])

const slefVisible = ref(props.visible)

v-model="selfVisible"

Logo

前往低代码交流专区

更多推荐