编程 Javascript

解决父组件将子组件作为弹窗调用只执行一次created的问题

Posted in Javascript onJuly 24, 2020

1、问题原因

因为第一调用渲染子组件后，不再对子组件的created进行调用

2、解决方法

用v-if将子组件包裹起来，因为v-if=false时可以将子组件销毁掉，再次调用时重新渲染

3、上图

解决父组件将子组件作为弹窗调用只执行一次created的问题

初始默认dialogVisible1=false，当执行打开窗口的操作时dialogVisible1为true，当关闭窗口时dialogVisible1=false，从而每一次进入弹窗都会重新渲染整个子组件。

补充知识：vue如何每次打开子组件弹窗都进行初始化

:visible.sync 与 v-if同时使用即可。

解决父组件将子组件作为弹窗调用只执行一次created的问题

以上这篇解决父组件将子组件作为弹窗调用只执行一次created的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

解决父组件将子组件作为弹窗调用只执行一次created的问题

- Author -

Coca~cola

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用js实现的一个Flash滚动轮换显示图片代码生成器

Mar 14 Javascript

Extjs列表详细信息窗口新建后自动加载解决方法

Apr 02 Javascript

js中一维数组和二位数组中的几个问题示例说明

Jul 17 Javascript

JavaScript绑定事件监听函数的通用方法

May 14 Javascript

JSON键值对序列化和反序列化解析

Jan 24 Javascript

JS简单实现点击按钮或文字显示遮罩层的方法

Apr 27 Javascript

Swiper实现轮播图效果

Jul 03 Javascript

Vue自定义事件(详解)

Aug 19 Javascript

基于Bootstrap实现城市三级联动

Nov 23 Javascript

浅谈Vue2.0父子组件间事件派发机制

Jan 08 Javascript

vue form 表单提交后刷新页面的方法

Sep 04 Javascript

微信小程序实现Swiper轮播图效果

Nov 22 Javascript

如何通过vscode运行调试javascript代码

Jul 24 #Javascript

解决vue做详情页跳转的时候使用created方法数据不会更新问题

Jul 24 #Javascript

js实现验证码功能

Jul 24 #Javascript

解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题

Jul 24 #Javascript

深入了解Vue.js 混入（mixins）

Jul 23 #Javascript

JS实现简单移动端鼠标拖拽

Jul 23 #Javascript

JS使用Chrome浏览器实现调试线上代码

Jul 23 #Javascript

You might like

淘宝ip地址查询类分享(利用淘宝ip库)

2014/01/07 PHP

ThinkPHP实现多数据库连接的解决方法

2014/07/01 PHP

ThinkPHP中URL路径访问与模块控制器之间的关系

2014/08/23 PHP

用jscript实现列出安装的软件列表

2007/06/18 Javascript

javascript获取当前ip的代码

2009/05/10 Javascript

jquery判断单个复选框是否被选中的代码

2009/09/03 Javascript

js实现Select列表各项上移和下移的方法

2015/08/14 Javascript

js实现的二分查找算法实例

2016/01/21 Javascript

深入理解JS正则表达式---分组

2016/07/18 Javascript

使用jQuery操作DOM的方法小结

2017/02/27 Javascript

JS实现的简单表单验证功能示例

2017/10/13 Javascript

vue中实现滚动加载更多的示例

2017/11/08 Javascript

在vue.js中使用JSZip实现在前端解压文件的方法

2018/09/05 Javascript

vue权限问题的完美解决方案

2019/05/08 Javascript

微信小程序 Storage更新详解

2019/07/16 Javascript

node crawler如何添加promise支持

2020/02/01 Javascript

[01:29:31]VP VS VG Supermajor小组赛胜者组第二轮 BO3第一场 6.2

2018/06/03 DOTA

python实现简单ftp客户端的方法

2015/06/28 Python

详解Python函数作用域的LEGB顺序

2016/05/14 Python

机器学习的框架偏向于Python的13个原因

2017/12/07 Python

Python实现的朴素贝叶斯分类器示例

2018/01/06 Python

Python读取本地文件并解析网页元素的方法

2018/05/21 Python

儿童学习python的一些小技巧

2018/05/27 Python

Python机器学习k-近邻算法(K Nearest Neighbor)实例详解

2018/06/25 Python

python一行sql太长折成多行并且有多个参数的方法

2018/07/19 Python

Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)

2020/12/07 Python

CSS3 完美实现圆角效果

2009/07/13 HTML / CSS

求最大连续递增数字串（如＂ads3sl456789DF3456ld345AA＂中的＂456789＂）

2015/09/11 面试题

家长对小学生的评语

2014/01/28 职场文书

黄继光的英雄事迹材料

2014/02/13 职场文书

房产转让协议书（2014版）

2014/09/30 职场文书

2015年入党积极分子评语

2015/03/26 职场文书

证婚人婚礼致辞

2015/07/28 职场文书

Redis主从配置和底层实现原理解析(实战记录)

2021/06/30 Redis

一篇文章带你学习Mybatis-Plus(新手入门)

2021/08/02 Java/Android

SpringBoot系列之MongoDB Aggregations用法详解

2022/02/12 MongoDB