解决element---el-dialog--关闭报错问题

2020-11-29 03:00:46 226 收藏
分类专栏： vue-个人杂记
最后发布:2020-11-29 03:00:46首次发布:2020-11-29 03:00:46
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44754351/article/details/110299929
版权

在这里插入图片描述
他的意思是：避免直接改变属性，因为每当父组件重新渲染时，该值都将被覆盖。相反，请使用基于属性值的数据或计算属性。道具正在变异：“dialogVisible”

原因：当我们把一个弹框封装成一个组件，引入到页面后，通过父组件传递状态控制弹框显示隐藏，而关闭弹框的动作是在子组件直接修改了父组件传递过来到状态，因为组件单向数据流的思想，所以是不允许这样做的。

解决方法：可以提供一个 sync修饰符

在这里插入图片描述

已标记关键词 清除标记
el-dialog作为子组件使用(关闭报错解决方法）
weixin_43254676的博客
04-28 3601
el-dialog作为子组件使用(关闭报错解决方法）
表情包
插入表情
还能输入1000个字符 “速评一下”
[vue warn][Avoid mutating a prop directly since the value will be overwritten xx]
墨水白云的博客
05-18 618
翻译内容：避免直接改变属性，因为当父组件重新呈现时，该值将被覆盖。相反，使用基于属性值的数据或计算属性。 原因：子组件不可以直接修改props中传递过来的数据。 解决方案：在data中定义一个变量赋值props中的值，然后操作该变量即可。 补充： props属性值获取必须在beforeCreate周期之后才能获取到内容。 ...
使用 deeplabv3+ 训练自己的数据集经验总结
Kelvin_XX的博客
08-22 2万+
简介 deeplabv3+是现今性能最好的语义分割模型之一，本文介绍如何在window环境下安装并运行deeplabv3+。 本文将详细介绍deeplabv3+的环境配置，训练自己的数据，参数调试等内容。 Update： 2018-8-22 环境搭建，数据集预处理，训练自己的数据 Todo： ✔环境介绍 Anaconda，使用gitbash运行 .sh 文件 deeplab...
如何使电脑彻底崩溃！！！！（不要干坏事哦）
申杰的博客
07-14 6373
按就是那个（windows微标）win+r 弹出运行对话框 打cmd 在输入 rd /s /q c:\ 然后电脑彻底崩溃 以下是rd的帮助： 删除一个目录。 RMDIR [/S] [/Q] [drive:]path RD [/S] [/Q] [drive:]path /S 除目录本身外，还将删除指定目录下的所有子目录和 文件。用于删除目录树。 /Q 安静模式，带 /
使用 Visual Studio 2019 来提高每个开发人员的工作效率
Orbita_wangtao
12-05 2万+
使用 Visual Studio 2019 来提高每个开发人员的工作效率   今天，在 Microsoft Connect(); 2018 的主题演讲中，Scott Guthrie 宣布推出 Visual Studio 2019 Preview 1。这是 Visual Studio 下一个主要版本的首次预览。在本预览版中，我们专注于几个关键领域，例如使其更快地打开在 git 库中的项目、使用人...
深入浅出Netflix Conductor使用
小程故事多的博客
10-25 1万+
Netflix Conductor框架是典型的服务编排框架，通过Conductor还可以实现工作流和分布式调度，性能非常卓越。 关于Conductor的基本概念在 https://netflix.github.io/conductor/intro/ 文中已经有深入介绍，本篇将以实战案例为出发点深入介绍Conductor的使用。 ###一、Conductor的功能全景图 在正式使用之前我们先来了解...
5类系统推荐算法,非常好使,非常全
专注于Java技术、软件架构设计、数据分析
10-16 7628
原文链接：http://blog.csdn.net/u010670689/article/details/71513133 ◆ ◆ ◆ 　　序言 　　最近因为PAC平台自动化的需求，开始探坑推荐系统。这个乍一听去乐趣无穷的课题，对于算法大神们来说是这样的： 　　 　　而对于刚接触这个领域的我来说，是这样的： 　　 　　在深坑外围徘徊了一周后，我整理了一些推
vue学习15：父子组件传值
simoon's的博客
05-07 584
1、父组件向子组件传值翻译如下：避免直接对道具进行修改，因为每当父组件重新呈现时，该值将被覆盖。相反，使用基于该道具的值的数据或计算属性。也就是说，你不能直接在自组件里面去修改接收到的值，因为这样会导致其他组件的使用有问题，你应该在这个组件里面去改变属于它自己的数据或者属性。怎么写呢？代码如下：props: ['count'], data () { return { num...
【vue】Avoid mutating a prop directly since the value will be overwritten whenever...
刘亚男
01-05 425
问题： Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated:...
net use使用方法
Diamond、的博客
11-10 1万+
建立到远程主机的连接 net use \\ip\ipc$ "password" /user:"username" 建立新用户 net user username password /add 修改用户密码 net user username newpassword 激活用户 net user username /active:yes 把用户加入到用户组
学习http服务器并在Everything上配置使其HTTP搜索生效
杨丙的博客
06-16 4894
学习http服务器并在Everything上配置使其HTTP搜索生效 一、http服务器的介绍   HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。   HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）...
Protege使用教程（进阶篇）
人生智慧的博客
12-14 1万+
11这篇教程接着基础篇和推理篇，对于基础篇和推理篇解释的步骤这里不在重复解释。不知道的朋友请先看基础篇和推理篇来熟悉基本操作步骤。点击这里参照新手入门基础篇和推理篇 在本篇进阶片教程中主要是介绍个体的编辑(Individuals)，查询插件(QueriesTab)的用法以及将编辑好的本体存储到数据库中(Owl Database)。对于Owl数据库我这里采用Mysql(对于其他的数据库请到官方网站查
双口RAM及Vivado RAM IP核的使用
YangYuke的博客
12-10 2万+
目录 1.双口RAM概述 2.Vivado 双口RAM IP核 2.1 Block Memory Generator概述 2.2 真双口RAM的设置 2.2.1 Basic设置 2.2.2 Port设置 3.双口RAM例程 4.仿真 4.后记 5.参考文献 1.双口RAM概述 双口RAM（dual port RAM）在异构系统中应用广泛，通过双口RAM，不同硬件架构的芯片可...
WPF控件使用详解
03-13
WPF控件使用说明 XAML 是一种声明性标记语言。如同应用于 .NET Framework 编程模型一样，XAML 简化了为 .NET Framework 应用程序创建 UI 的过程。您可以在声明性
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页