Unexpected mutation of "dialogVisible" prop

vue3 中element 弹窗绑定需要通过v-model,这个时候父级会传个dialogVisible(boolean值)过来,结果会报eslint的错。
Unexpected mutation of "dialogVisible" prop,大概就是说不允许在子级修改父级的数据。

问题
<el-dialog :title="title" width="800px" v-model="dialogVisible" destroy-on-close @close="closeCallback">
处理问题
 const dialogShow = computed({
      get: () => props.dialogVisible,
      set: val => context.emit('update:dialogVisible', val)
  })
 <el-dialog :title="title" width="800px" v-model="dialogShow" destroy-on-close @close="closeCallback">
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容