vue3项目报错：v-model cannot be used on a prop, because local prop bindings are not writable

我使用了一个子组件的弹窗。弹窗的显示隐藏是父组件传过来的一个值获取的。然后报错了。

父

<child ref="dialogRef" :resetvisible="resetvisible" />

子

const props = defineProps({
  resetvisible:false
})

<el-dialog v-model="drawerVisible" >。。。</el-dialog>

之前也这样写过是没有问题的。查看了一下我的vue版本3.4.31

组件 v-model | Vue.js官网上面介绍说从 Vue 3.4 开始，推荐的实现方式是使用 defineModel() 宏

好吧。于是我们按照官网介绍改成了下面这样就行了

父

<child ref="dialogRef" v-model:resetvisible="resetvisible" />

子

const resetvisible = defineModel('resetvisible');
<el-dialog v-model="drawerVisible" >。。。</el-dialog>