Unexpected mutation of “dialogVisible“ prop.

2023-10-17 00:36

本文主要是介绍Unexpected mutation of “dialogVisible“ prop.,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

问题记录:

Vue2项目在封装element-ui的dialog组件时,eslint报错

Unexpected mutation of “dialogVisible” prop.eslintvue/no-mutating-props

image.png

大致意思是父组件传递过来的 dialogVisible 属性,不允许在子组件中修改父组件的值

解决方法:

通过 computed计算属性,将值改变事件抛给父组件

dilogShow: {get() {return this.dialogVisible;},set(newVal) {this.$emit("dialogVisibleChange", newVal);},},<--! template部分--><el-dialog:title="title":visible.sync="dilogShow":width="width":center="center":show-close="false":close-on-click-modal="false":close-on-press-escape="false"></el-dialog>

这篇关于Unexpected mutation of “dialogVisible“ prop.的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/221765

相关文章

【NodeJS】Unexpected token (109:0) 返回错误码500

刚开始报错是这样的: Unexpected token call 是什么我没看懂,但我发现 span.label.lable-success 后面的 #[i+1] 写错了,应该是 #{i+1} 改成完这个错误后又是一个错误提示: What? Unexpected token (109:0) 返回错误码500是什么鬼 我先将自己这段源码的 - if ... - else 检查下

记一次knife4j文档请求异常 SyntaxError: Unexpected token ‘<‘, ... is not valid JSON

knife4j页面报错问题定位 前几天开发新接口,开发完成后想使用knife4j测试一下接口功能,突然发现访问页面报错提示:knife4j文档请求异常,但之前运行还是正常的,想想会不会与升级依赖有关系,启动其他微服务发现文档接口访问正常,排除因依赖版本升级导致在线API文档无法使用情况,还是和本服务新增接口有关系。 定位问题 首先f12打开调试台,重新刷新页面,看到console有报错提示

Unexpected token d in JSON at position 5, check bodyParser config错误解决

错误原因:json格式不对 { desc="设备1", iotProjectId=11 } 解决:通过json在线校验格式校验json格式,找出错误原因,修改 在线JSON校验格式化工具(Be JSON) 修改: {"desc": "设备","iotProjectId": 11}

ElementPlusError: [ElForm] unexpected width NaN 解决方法

我自己在使用 Vue 和 ElementPlus 开发项目时,当切换到某些页面时,控制台会出现如下错误: 经过分析,问题原因如下: • el-form 组件设置了 label-width=“auto”,并且该组件处于隐藏状态(例如被 display: none 隐藏,项目中是由于 el-tab 组件的切换导致的)。 • 当切换页面时,这个隐藏的表单组件会引发问题。具体来说,el-form 组

org.springframework.orm.hibernate3.HibernateQueryException: unexpected token: 29 near line 1, column

@SuppressWarnings("unchecked")   public List<Strudent> getStudent(int count) {       String hql = "select top "+count+" from Student";       return (List<Student>)getHibernateTemplate().fin

vue学习十一(全局局部组件、prop传不同值、 v-bind 动态赋值、单向数据流、prop校验)

文章目录 全局注册局部注册dom模板解析注意事项用 Prop 传递不同值类型用 Prop通过 v-bind 动态赋值用 Prop传递对象的所有属性用 Prop传递对象数组用 Prop传入一个数字单向数据流Prop 验证 全局注册 我们只用过 Vue.component 来创建组件 这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vu

vue学习十(prop传参、v-bind传参、$emit向父级发送消息、input组件上使用 v-model、事件抛值)

文章目录 基本示例组件的复用通过 Prop 向子组件传递数据v-bind 来动态传递 prop通过 $emit 事件向父级组件发送消息使用事件抛出一个值在组件上使用 v-model 基本示例 组件是可复用的 Vue 实例,且带有一个名字:在这个例子中是 。我们可以在一个通过 new Vue 创建的 Vue 根实例中,把这个组件作为自定义元素来使用 <div id="com

鸿蒙 装饰器 @State、@Prop、@Link 等说明

首先要明白什么是“状态变量”?即被状态装饰器(@State、@Prop、@Link、@Provide、@Consume)修饰的变量,比如 @State str : string='';  str就是状态变量。状态变量值的改变会引起UI界面重新渲染。 @State @State装饰的变量,是私有的,只能被组件内部访问,在声明时必须指定其类型和本地初始化。 @Prop 父组件与子组件单向同步,

Could not create the view: An unexpected exception was thrown

今天在打开MyEclipse的时候,出现了“Could not create the view: An unexpected exception was thrown“,然后各种运行都运行不了。   上网查了一下解决方法 1、  关闭MyEclipse 2、  找到workspace所在的目录中的“.metadata/.plugins/org.eclipse.core.runtime/.s

jedis connection exception unexpected end of stream

jedis connection exception unexpected end of stream 多线程的时候,我的代码起初是这样子的: ExecutorService pool = Executors.newFixedThreadPool(100); // 线程池100Jedis jedis = jedisPool.getResource();for (int i = 0; i <