编程 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查找父节点的简单方法

Jun 28 Javascript

jquery果冻抖动效果实现方法

Jan 15 Javascript

javascript实现十秒钟后注册按钮可点击的方法

May 13 Javascript

JQuery中DOM事件绑定用法详解

Jun 13 Javascript

AngularJs学习第五篇从Controller控制器谈谈$scope作用域

Jun 08 Javascript

jQuery获取this当前对象子元素对象的方法

Nov 29 Javascript

Nuxt.js SSR与权限验证的实现

Nov 21 Javascript

小程序云开发之用户注册登录

May 18 Javascript

vue 路由子组件created和mounted不起作用的解决方法

Nov 05 Javascript

详解如何在Javascript和Sass之间共享变量

Nov 13 Javascript

Vue CLI4 Vue.config.js标准配置(最全注释)

Jun 05 Javascript

15个值得收藏的JavaScript函数

Sep 15 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

PHP 最大运行时间 max_execution_time修改方法

2010/03/08 PHP

php数组一对一替换实现代码

2012/08/31 PHP

PHP实现批量修改文件后缀名的方法

2015/07/30 PHP

PHP使用redis位图bitMap 实现签到功能

2019/10/08 PHP

innerHTML，outerHTML,innerTEXT三者之间的区别

2007/01/28 Javascript

限制文本字节数js代码

2007/03/06 Javascript

Javascript基础知识（一）核心基础语法与事件模型

2014/09/29 Javascript

jQuery的text()方法用法分析

2014/12/20 Javascript

js实现简洁的滑动门菜单(选项卡)效果代码

2015/09/04 Javascript

jquery实现简易的移动端验证表单

2015/11/08 Javascript

javascript中的 object 和 function小结

2016/08/14 Javascript

JavaScript两个变量交换值的实现方法

2017/03/01 Javascript

详解React native全局变量的使用(跨组件的通信)

2017/09/07 Javascript

微信小程序scroll-view实现滚动穿透和阻止滚动的方法

2018/08/20 Javascript

ES6的解构赋值实例详解

2019/05/06 Javascript

微信小程序自定义单项选择器样式

2019/07/25 Javascript

[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日

2021/03/11 DOTA

深入分析在Python模块顶层运行的代码引起的一个Bug

2014/07/04 Python

python实现unicode转中文及转换默认编码的方法

2017/04/29 Python

Python基础教程之利用期物处理并发

2018/03/29 Python

Python获取Redis所有Key以及内容的方法

2019/02/19 Python

python分数表示方式和写法

2019/06/26 Python

Python脚本去除文件的只读性操作

2020/03/05 Python

CSS3 创建网页动画实现弹跳球动效果

2018/10/30 HTML / CSS

在html5的Canvas上绘制椭圆的几种方法总结

2013/01/07 HTML / CSS

html5 datalist标签使用示例(自动完成组件)

2014/05/04 HTML / CSS

HTML5输入框下拉菜单功能的示例代码

2020/09/08 HTML / CSS

英国在线女鞋目的地：SIMMI

2018/12/27 全球购物

幼儿园区域活动总结

2014/05/08 职场文书

企业公益活动策划方案

2014/08/24 职场文书

房屋出售授权委托书

2014/10/12 职场文书

一篇文章带你搞懂Python类的相关知识

2021/05/20 Python

对Keras自带Loss Function的深入研究

2021/05/25 Python

OpenCV-Python直方图均衡化实现图像去雾

2021/06/07 Python

如何Python使用re模块实现okenizer

2022/04/30 Python

关于对TypeScript泛型参数的默认值理解

2022/07/15 Javascript