AppGallery Connect:页面生命周期onShow没有触发

时间:2021-07-15 | 标签: | 作者:Q8 | 来源:Mayism网络

小提示:您能找到这篇{AppGallery Connect:页面生命周期onShow没有触发}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的AppGallery Connect:页面生命周期onShow没有触发内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您!

< ">现象描述:

< font-size: 16px;">通过router.push接口跳转到快应用的B页面,当B页面只是引用一个自定义组件XX的时候,B页面的onShow生命周期无法触发。如下图所示网路营销培训

< font-size: 16px;">

< font-size: 16px;">代码如下:

< font-size: 16px;">B页面代码:

< font-size: 16px;"><import name="listone" src="./aa.ux"></import>

< font-size: 16px;"><template>

< font-size: 16px;">  <!-- template里只能有一个根节点 -->

< font-size: 16px;"><listone></listone>

< font-size: 16px;"></template>

< font-size: 16px;"><script>

< font-size: 16px;">  import prompt from '@system.prompt'

< font-size: 16px;">  export default {

< font-size: 16px;">    private: {

< font-size: 16px;">    },

< font-size: 16px;">    onInit: function () {

< font-size: 16px;">    },

< font-size: 16px;">    onShow() {

< font-size: 16px;">      console.log('我显示了我显示了我显示了我显示了');

< font-size: 16px;">      prompt.showToast({

< font-size: 16px;">        message: '我显示了我显示了我显示了我显示了'

< font-size: 16px;">      })

< font-size: 16px;">    }, //无法触发

< font-size: 16px;">  }

< font-size: 16px;"></script>

< font-size: 16px;"><style>

< font-size: 16px;">  .demo-page {

< font-size: 16px;">    flex-direction: column;

< font-size: 16px;">    justify-content: center;

< font-size: 16px;">    align-items: center;

< font-size: 16px;">  }

< font-size: 16px;">  .title {

< font-size: 16px;">    font-size: 40px;

< font-size: 16px;">    text-align: center;

< font-size: 16px;">  }

< font-size: 16px;"></style>

< font-size: 16px;">自定义组件aa.ux:

< font-size: 16px;"><template>

< font-size: 16px;">  <div class="container">

< font-size: 16px;">    <text>天气不错啊</text>

< font-size: 16px;">    <text>天气不错啊</text>

< font-size: 16px;">    <text>天气不错啊</text>

< font-size: 16px;">    <text>天气不错啊</text>

< font-size: 16px;">  </div>

< font-size: 16px;"></template>

< font-size: 16px;"><style>

< font-size: 16px;"> .container {

< font-size: 16px;">    flex-direction: column;

< font-size: 16px;">    justify-content: center;

< font-size: 16px;">align-items: center;

< font-size: 16px;">background-color: #00fa9a;

< font-size: 16px;">  }

< font-size: 16px;"></style>

< font-size: 16px;"><script>

< font-size: 16px;">  module.exports = {

< font-size: 16px;">    data: {

< font-size: 16px;">    },

< font-size: 16px;">    onInit() {

< font-size: 16px;">    },

< font-size: 16px;">  }

< font-size: 16px;"></script>

< font-size: 16px;">问题分析:

< font-size: 16px;">快应用引擎框架决定了自定义组件作为B页面的根节点时,B页面的onShow生命周期是无法触发的,但是子组件自身的onShow可以触发。

< font-size: 16px;">解决方案:

< font-size: 16px;">在B页面的子组件外面加个div组件作为根节点,而不是把自定义组件作为根节点,这样B页面的onShow生命周期就可以触发了。

< font-size: 16px;">B页面修改后代码如下(见红色部分我的小程序):

< font-size: 16px;"><import name="listone" src="./aa.ux"></import>

< font-size: 16px;"><template>

< font-size: 16px;">  <!-- template里只能有一个根节点 -->

< font-size: 16px;">  <div>

< font-size: 16px;">    <listone></listone>

< font-size: 16px;">  </div>

< font-size: 16px;"></template>

< font-size: 16px;"><script>

< font-size: 16px;">  import prompt from '@system.prompt'

< font-size: 16px;">  export default {

< font-size: 16px;">    private: {

< font-size: 16px;">    },

< font-size: 16px;">    onInit: function () {

< font-size: 16px;">    },

< font-size: 16px;">    onShow() {

< font-size: 16px;">    小红书推广公司靠谱吗  console.log('我显示了我显示了我显示了我显示了');

< font-size: 16px;">      prompt.showToast({

< font-size: 16px;">        message: '我显示了我显示了我显示了我显示了'



< font-size: 16px;">      })

< font-size: 16px;">    },

< font-size: 16px;">  }

< font-size: 16px;"></script>

< font-size: 16px;"><style>



< font-size: 16px;">  .demo-page {

< font-size: 16px;">    flex-direction: column;

< font-size: 16px;">    justify-content: center;

< font-size: 16px;">    align-items: center;

< font-size: 16px;">  }

< font-size: 16px;">  .title {

< font-size: 16px;">    font-size: 40px;

< font-size: 16px;">    text-align: center;

< font-size: 16px;">  }

< font-size: 16px;"></style>

< font-size: 16px;">修改后代码如下图所示:

< font-size: 16px;">

< font-size: 16px;">欲了解更多详情,请参见:

< font-size: 16px;">快应用生命周期:

< font-size: 16px;">https://developer.huawei.com/consumer/cn/doc/development/quickApp-References/quickapp-script#h2-1575381018573

AppGallery Connect:页面生命周期onShow没有触发

上一篇:TikTok网红营销技巧:如何开直播
下一篇:LinkedIn高级账号必备攻略已送达,请查收!


版权声明:以上主题为“AppGallery Connect:页面生命周期onShow没有触发"的内容可能是本站网友自行发布,或者来至于网络。如有侵权欢迎联系我们客服QQ处理,谢谢。
相关内容
推荐内容
扫码咨询
    AppGallery Connect:页面生命周期onShow没有触发
    打开微信扫码或长按识别二维码

小提示:您应该对本页介绍的“AppGallery Connect:页面生命周期onShow没有触发”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通AppGallery Connect:页面生命周期onShow没有触发的相关事宜。

关键词:AppGallery,Connect:页面生命

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱:sales@1330.com.cn
电话:400-021-1330 | 客服QQ:865612759
沪ICP备12034177号 | 沪公网安备31010702002418号