当前位置: 首页 > news >正文

Unexpected mutation of “xxxx“ prop

在这里插入图片描述

原因

是因为子级修改了父级的数据,所以eslint执行的时候报了这个错

修复方式 1

如果是弹窗等组件,可以根据功能进行修改,比如我这块用的 element ui 的 dialog,便可以改成这样

在这里插入图片描述

使用 model-value 代替
在这里插入图片描述

修复方式 2

新建子组件变量,然后使用watch进行,父级子级,变量数据同步

修复方式 3

如果您使用的是 input 组件,需要加个 @update 方法, 就可以了

 <a-modal :visible="visible"  @update:visible="updateVisible" >const updateVisible = (e) => {emits('update:visible', e);};const emits = defineEmits<{(e: 'handleOk', val: any): void;(e: 'update:visible', val): void;}>();
http://www.lryc.cn/news/147206.html

相关文章:

  • 七、基础篇总结
  • 前端面试基础面试题——2
  • docker 搭建rknn转换环境
  • 机器学习:争取被遗忘的权利
  • MATLAB实现AHP层次分析法——以情人节选取礼物为例
  • flutter使用Chanel与原生通信
  • Kubernetes技术--k8s核心技术Helm
  • C/C++学习——单例模式(懒汉模式与饿汉模式)
  • 企业微信网页开发本地调试方式
  • Prompt GPT推荐社区
  • 小程序隐私保护授权处理方式之弹窗组件
  • Java 复习笔记 - 方法篇
  • 大数据到底是好是坏?_光点科技
  • C++ while 循环
  • orm_sqlalchemy总结
  • CTFhub-文件上传-MIME绕过
  • 【校招VIP】前端校招考点之UDP
  • C++设计模式_02_面向对象设计原则
  • springcloud-gateway简述
  • 【大虾送书第七期】深入浅出SSD:固态存储核心技术、原理与实战
  • 常见矿石材质鉴定VR实训模拟操作平台提高学员的学习效果和实践能力
  • Verilog 学习路线
  • 前端三剑客中简单的两个:HTMLCSS
  • Java实现根据关键词搜索当当商品列表数据方法,当当API接口申请指南
  • 【HBZ分享】TCP可靠性传输如何保证的?
  • AI聊天机器人平台Poe发布更新;自然语言理解课程概要
  • 电脑视频编辑软件前十名 电脑视频编辑器怎么剪辑视频
  • Springboot整合AOP和注解实现日志记录——Java入职第十二天
  • shell脚本监控ip和端口的运行状态并触发邮件告警
  • 二三维电子沙盘数字沙盘虚拟现实开发教程第14课