时间:2021-05-18
1、问题原因
因为第一调用渲染子组件后,不再对子组件的created进行调用
2、解决方法
用v-if将子组件包裹起来,因为v-if=false时可以将子组件销毁掉,再次调用时重新渲染
3、上图
初始默认dialogVisible1=false,当执行打开窗口的操作时dialogVisible1为true,当关闭窗口时dialogVisible1=false,从而每一次进入弹窗都会重新渲染整个子组件。
补充知识:vue如何每次打开子组件弹窗都进行初始化
:visible.sync 与 v-if同时使用即可。
以上这篇解决父组件将子组件作为弹窗调用只执行一次created的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了vue组件父与子通信的具体代码,供大家参考,具体内容如下一、组件间通信(父组件-->子组件)步骤:①父组件在调用子组件传值②在子组件中获取父
之前在用vue写子父组件通信的时候,老是遇到问题!!!子组件传值给父组件: 子组件:通过emit方法给父组件传值,这里的upparent是父组件要定义的方法
最近开始在用elementUI做一个后台管理系统项目,遇到一个问题,需求是这样,在父组件有一个按钮,点击按钮会显示弹窗(子组件),在子组件中用的是element
有时候因为布局问题,需要子组件把数据传给父组件,并执行父级的某个方法,不多说上代码:子组件:exportdefault{methods:{goToFatherD
有时候因为布局问题,需要子组件把数据传给父组件,并执行父级的某个方法,不多说上代码:子组件:exportdefault{methods:{goToFatherD