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


Posted in Javascript onJuly 24, 2020

1、问题原因

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

2、解决方法

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

3、上图

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

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

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

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

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

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

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

Javascript 相关文章推荐
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
js实现文件上传表单域美化特效
Nov 02 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
JS+HTML5 FileReader对象用法示例
Apr 07 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
一文快速详解前端框架 Vue 最强大的功能
May 21 Javascript
node.js 微信开发之定时获取access_token
Feb 07 Javascript
关于Vue Router的10条高级技巧总结
May 06 Vue.js
如何通过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实现链结人气统计
2006/10/09 PHP
PHP基础陷阱题(变量赋值)
2012/09/12 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
php实现图片压缩处理
2020/09/09 PHP
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
JavaScript 产生不重复的随机数三种实现思路
2012/12/13 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
jquery实现叠层3D文字特效代码分享
2015/08/21 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
微信小程序 天气预报开发实例代码源码
2017/01/20 Javascript
Vue声明式渲染详解
2017/05/17 Javascript
jquery animate动画持续运动的实例
2017/11/29 jQuery
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
微信小程序实现订单倒计时
2020/11/01 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
Python使用filetype精确判断文件类型
2017/07/02 Python
Python解析json之ValueError: Expecting property name enclosed in double quotes: line 1 column 2(char 1)
2017/07/06 Python
Python多进程fork()函数详解
2019/02/22 Python
Django配置文件代码说明
2019/12/04 Python
一些关于python 装饰器的个人理解
2020/08/31 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
波兰家具和室内装饰品购物网站:Vivre
2018/04/10 全球购物
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
航空大学应届生求职信
2013/11/10 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
服装创业计划书范文
2014/02/05 职场文书
企业标语大全
2014/07/01 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
辞职信标准格式
2015/02/27 职场文书
2016年小学中秋节活动总结
2016/04/05 职场文书