美文网首页
uniapp使用< components />子组件的生命周期函

uniapp使用< components />子组件的生命周期函

作者: 我是七月 | 来源:发表于2022-08-29 09:59 被阅读0次
在项目中,主页面Home页面,有2个完全不一样的角色展示,需要使用2个不一样的页面。所以使用到了动态组件< components />,但是在components组件内部没有生命周期的方法,可以使用下面的解决方案:

uniapp在父组件onshow的时候调用components自定义子组件的函数使用$emit$on$emit 第一个参数是父组件的$on事件名,第二个参数可以传递参数。

父组件:
 onShow() {
    uni.$emit('update')
  },
子组件:
created(){
    uni.$on('update',(data)=>{
    //重绘页面子组件methods中的函数调用
    this.getUser()
  }) 
},

相关文章

网友评论

      本文标题:uniapp使用< components />子组件的生命周期函

      本文链接:https://www.haomeiwen.com/subject/zouhnrtx.html