时间: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 |
上一篇:TikTok网红营销技巧:如何开直播
下一篇:LinkedIn高级账号必备攻略已送达,请查收!
基于对传统行业渠道的理解,对互联网行业的渠道我们可以下这样一个定义:一切...
小米应用商店的后台操作和苹果是比较相似的,因为都能填写100字符关键词,允许...
小米的规则目前是在变更中的,但是根据经验小米的搜索排名评分的高低是个很重...
为了恰饭,有时候是要接入一些广告的,所以FB也专门有一个广告的SDK,这就是A...
在 2018 年于旧金山举行的游戏开发者大会上,Amazon Web Services (AWS) 曾宣布,目前世...
关于Facebook Audience Network如何收款的问题,其实官方已经给了详细的步骤。本文主要...
本文介绍了Audience Network对广告载体的质量检查,以及它重点广告形式需要注意的问...
随着iOS开发,作为开发者或公司需要针对iOS App开发涉及的方方面面作出对应的信息...
Facebook和谷歌对出海企业广告渠道都很熟悉,但事实上,在国外还有一些渠道也很...
卖家从做号的第1分钟开始,就一定要想好变现路径是什么?一定要以变现为目的去...
小提示:您应该对本页介绍的“AppGallery Connect:页面生命周期onShow没有触发”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通AppGallery Connect:页面生命周期onShow没有触发的相关事宜。
关键词:AppGallery,Connect:页面生命