Vue 父子通话

时间：2017-11-22 00:06:45 阅读：172 评论：0 收藏：0 [点我收藏+]

dom:

<app-entry ref="child" :id=‘entryFaid‘ v-on:refreshbizlines="EntryUpdateData" v-on:checkOptions="EntryOptions" v-on:ChildSay="ChildReady"></app-entry>

js:

import entry from ‘@/components/entryList.vue‘//引入组件

//局部引入组件

components: {

‘appEntry‘: entry

//引用子组件的函数 ref="child"

this.$refs.child.parentMsg(this.entryFaid)

问题：在el-dialog 引用了组件一开始不渲染，导致函数调用不到？

解决：当调用函数 el-dialog 显示出来后，渲染了组件，在生命周期 mounted中立刻对父节点“大喊：我渲染好了”

子组件：

mounted(){

this.$nextTick(function () {

this.$emit(‘ChildSay‘,true);

})

}

父组件:

dom有监听： v-on:ChildSay="ChildReady"

methods: {

　　ChildReady:function(parms){

　　　　this.childHasMouned=true;//记录子组件已经渲染完毕状态

　　　　this.$refs.child.parentMsg(this.id);//执行子组件的函数（加载列表，等等）

　　}

Vue 父子通话

标签：ryu 渲染 dsa pen try fun dom 函数 data

原文地址：http://www.cnblogs.com/zhuzy/p/7875464.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行