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">
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • v-model 报错Unexpected mutation of "xxx" prop子组件修改父组件属性vue传...
    哩哩哩_0033阅读 13,663评论 0 0
  • 项目运行指南(#项目运行指南) 开发本地环境(#开发本地环境) 开发相关插件/工具(#开发相关插件工具) 开发规范...
    Xincol阅读 9,651评论 0 1
  • 完整版推荐在线阅读 https://interview2.poetries.top/[https://interv...
    前端进阶之旅阅读 8,848评论 2 20
  • VUE Vue :数据驱动的M V Vm框架 m :model(后台提供数据),v :view(页面),vM(模板...
    wudongyu阅读 10,752评论 0 11
  • vue的核心是什么? Vue 的核心设计理念可以概括为以下 5 个关键要素,这些要素共同构成了 Vue 的独特优势...
    Aniugel阅读 13,270评论 3 21