美文网首页
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