解决父组件将子组件作为弹窗调用只执行一次created的问题
更新时间：2020年07月24日 09:14:25 作者：Coca~cola
这篇文章主要介绍了解决父组件将子组件作为弹窗调用只执行一次created的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
1、问题原因
因为第一调用渲染子组件后，不再对子组件的created进行调用
2、解决方法
用v-if将子组件包裹起来，因为v-if=false时可以将子组件销毁掉，再次调用时重新渲染
3、上图
初始默认dialogVisible1=false，当执行打开窗口的操作时dialogVisible1为true，当关闭窗口时dialogVisible1=false，从而每一次进入弹窗都会重新渲染整个子组件。
补充知识：vue如何每次打开子组件弹窗都进行初始化
:visible.sync 与 v-if同时使用即可。
以上这篇解决父组件将子组件作为弹窗调用只执行一次created的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
之前文章我们描述给过Vue3 的七通信使用，今天中五篇文章我们再来看看Vue2 的通信使用写法的相关资料,需要的朋友可以参考下面文章的具体内容2021-09-09
Vue开发中出现Loading Chunk Failed的问题解决
本文主要介绍了Vue开发中出现Loading Chunk Failed的问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-03-03
滑块验证是一种常见的人机识别方法，这篇文章主要介绍了Vue滑块验证码组件anji-captcha的使用,本文通过实例代码图文相结合给大家介绍的非常详细，需要的朋友可以参考下2023-05-05
这篇文章主要介绍了vuecli4中如何配置打包使用相对路径，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
在现代前端开发中,拖拽功能是增强用户体验的重要手段之一,本文将详细介绍如何在Vue3中封装一个拖拽指令并通过实战例子演示其实现过程,希望对大家有所帮助2024-11-11
vue的.vue文件是怎么run起来的(vue-loader)
通过vue-loader，解析.vue文件，在webpack解析，拆解vue组件 ，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下2018-12-12
Vue本来无需操作DOM来更新界面,而且Vue也不推荐我们直接操作DOM,但是我们非要拿到DOM操作DOM怎么办,下面这篇文章主要给大家介绍了关于Vue3获取DOM节点的3种方式,需要的朋友可以参考下2023-02-02
解决vue2 在mounted函数无法获取prop中的变量问题
这篇文章主要介绍了vue2 在mounted函数无法获取prop中的变量的解决方法 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-11-11
这篇文章主要介绍了vue使用WEB自带TTS实现语音文字互转,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
这篇文章主要介绍了vue 表单之v-model绑定单选按钮radio的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
最新评论