Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >微信小程序里面的自定义组件为什么比页面的onload还先执行？

问微信小程序里面的自定义组件为什么比页面的onload还先执行？

提问于 2017-11-10 08:35:06

回答 2关注 0查看 8.8K

在开发过程中发现一个问题：如果直接使用自定义组件star，在页面的onload中执行的代码是在star组件执行之后的，导致在onload中修改的info.star数据传递不过去，组件不能正常显示，后来在外层使用wx:if判断使组件重新渲染后数据才能传递过去，这种情况怎么破啊？

小程序·云开发

回答 2

太原第一养猪厂厂长

精选回答

发布于 2017-11-10 08:36:29

页面的onLoad执行时机确实是在所有组件初始化完成之后的。

Tabor

提问者

修改于 2017-11-10 08:37:50

详细代码如下：

onload中先请求数据，返回的数据res.data.info是一个对象，然后把res.data.info设置给data中的info

wxml中用info进行渲染，info.star是星星组件的评分，但是组件不能根据info.star的值正常显示分数，会显示0分，因为组件里的js比这个页面的onload先执行，所以渲染组件的时候{{info.star}}相当于undefined，除非在星星组件的父元素上添加wx:if属性，才能正常显示

和开发者交流更多问题细节吧，去写回答

相关文章

微信小程序|页面的生命周期函数onLoad

小程序微信

相信小程序的初学者对js页面是很模糊的总感觉看不懂，其实js页面总的来说就是一个Page（）函数。用Page（）函数来注册一个页面，接受一个object参数，实现页面的生命周期函数、初始数据、事件处理函数。下面简单介绍onLoad生命周期函数实现页面跳转。

算法与编程之美

2020/04/22

5K0

微信小程序|页面的生命周期函数onLoad

微信小程序 — 设置页面的标题

第一种方式：修改 page.json文件（放到页面内的单独json文件中即可） { "navigationBarTitleText": "豆瓣 - 电影" } 第二种方式：使用 JS 修改： wx.setNavigationBarTitle({ title: that.data.mername//页面标题为路由参数 }) 未经允许不得转载：肥猫博客 » 微信小程序 — 设置页面的标题

超级小可爱

2023/02/20

4.2K3

微信小程序|登录界面的框架搭建

当新用户登录一个APP时，输入手机号获取验证码的登录方式是比较快捷的。那么如何利用微信小程序制作一个常见的手机接收验证码的登录界面呢？

算法与编程之美

2020/03/13

1.7K0

微信小程序如何获取指定页面的路径

使用微信开发工具打开项目点击到对应的页面，即可在开发工具左下角看到当前页面的路径未经允许不得转载：肥猫博客 » 微信小程序如何获取指定页面的路径

超级小可爱

2023/02/20

1.6K0

微信小程序自定义组件

微信小程序 json xml ide

其中，components为组件目录，nodemodules为模块目录，pages为小程序的页面目录，utils为一些基础功能的封装。好比安装的第三方百度统计功能在此。

mySoul

2018/09/15

2.8K0

微信小程序自定义组件

微信小程序自定义组件一. 创建自定义组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成二.组件声明首先需要在自定义组件所在的 json 文件中进行自定义组件声明 { "component": true } 三.编辑组件同时，还要在 wxml 文件中编写组件模板，在 wxss 文件中加入组件样式 wxml与xcss和普通页面设置差不多 wxml  <view class="inner"> {{innerText

小小咸鱼YwY

2020/06/19

8200

微信小程序自定义组件

小程序 json css

总结一下当前的内容 wxs类似于一门脚本语言，使用的是导出的方式来进行和wxml进行连接，类似于node.js wxml为页面显示的文件，类似于网页中的html文件 json为配置文件，可以进行对页面内容的配置。 wxss为css配置文件，可以进行css的配置。 js 为进行处理回调，以及页面数据绑定的文件

全栈程序员站长

2021/06/17

9940

微信小程序云开发页面的创建、读取数据

云开发 javascript https ide 网络安全

前面说到：微信小程序云开发初学者入门教程一（云开发环境搭建）https://www.jianshu.com/p/5df4d51125e3，开通环境，部署环境之后，现在开始创建第一个界面。

王小婷

2020/10/29

1.8K0

微信小程序之生成指定页面的太阳码

小程序微信

最近的项目中也是需要生成小程序的邀请太阳码.一开始生成的是个二维码.但是小程序的客户扫了之后总不能让人家跳到H5页面.所以也是研究了一下.一路上也是坎坎坷坷.这里总结下.顺当分享下自己写的代码.哪里写的不好.多多指教下.

桑先生

2019/12/18

8.8K0

一次在微信小程序里跑 h5 页面的尝试

小程序·云开发微信小程序

标题看起来有点唬人，在微信小程序里跑 h5 页面，不会又是说使用 web-view 组件来搞吧？确实，使用 web-view 组件可以达到跑 h5 页面的要求，但是 web-view 组件在使用上还是有一些限制：不支持个人类型与海外类型的小程序、不支持全屏、页面与小程序通信不方便、很多小程序接口无法直接调用等。

JoanLiu

2018/11/15

5.9K0

微信小程序自定义组件（Toast）

微信小程序 api

微信官方的wx.showToast这个API用起来限制性太强，在正式项目上根本用不上，但是又没有其他组件或API可以替代，所以就自己通过网上大神的方法自己写了一个自定义的toast组件。

honey缘木鱼

2018/08/22

2.8K0

微信小程序自定义组件（Toast）

微信小程序自定义组件详解

从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。

前端开发博客

2020/11/04

2K0

微信小程序自定义组件样式

组件对应 wxss 文件的样式，只对组件wxml内的节点生效。编写组件样式时，需要注意以下几点：

天天_哥

2018/11/11

2.9K0

微信小程序自定义组件(二)

两个<custom-ul>以及<custom-li>两个组件都为自定义组件，如果进行通信会非常的难以操作，至此通过relations完成子父组件的定义，简化通信。

mySoul

2018/09/18

1.1K0

微信小程序引用自定义组件

javascript json

新建一个component文件夹与page文件夹平级，新建个power文件夹，里面的wxml，wxss，js，json都是与page的一样在.json文件夹中添加

明知山

2020/09/03

1.2K0

微信小程序设置预览页面的三种方式

javascript 打包编程算法

在开发微信小程序的过程中，我们需要实时预览代码呈现的效果。在默认的情况下，每次保存编译之后，展现的都是/pages/index/index页面，而不是我们期望预览的页面，需要手动进行点击跳转，影响开发效率。那么有没有方法可以将我们当前开发的页面设置为自动预览页呢？有多少种方法？微信开发者工具设置预览页面的三种方式（不推荐）在app.json中设置pages属性数组的顺序，将需要预览的页面路径设置为第一个。（不推荐）在app.json中设置entryPagePath属性值为需要预览的页面路径。（推

喜欢天文的pony站长

2020/12/18

3.3K0

微信小程序【常用组件及自定义组件】

微信 html 小程序 node.js

微信小程序入门的文章，其实暂时就更新到这里了，还有一个生命周期的内容，感觉当初整理的不是很好就不更新了，学完了 WXML、WXSS、一些常用组件，还有事件绑定，其实一个较为不错的页面已经能自己搭建出来了，如果你还想继续往后面研究，我给一下方向就是，可以开始看与后台交互的内容了，发送异步请求，对数据进行回显等，回显内容时，你就又可以开始考虑用什么别的组件，可以让页面的数据加载或者观看更加顺滑，美观，当然有很多小伙伴都是后端，所以，可以自己搭个后台，试着弄用户登录授权这块，这块算是小程序一个重要的点，要好好研究一下，以后要做的事情，就和传统的后端基本一样了。我的文章都是根据官网写的原生写法，当然你也可以看一下一些小程序框架，或者看一看 ES6 的内容，毕竟我也是个后端，也没细细研究前端的内容，有什么想法或者意见，可以在公众号菜单页面直接给后台发文字，或者发送邮件：ideal_bwh@163.com

BWH_Steven

2020/09/18

1.9K0

微信小程序onLoad、onShow、onHide、onUnload区别[通俗易懂]

java https 网络安全微信小程序

onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数

全栈程序员站长

2022/07/02

7.5K0

vue/uniapp 如何让页面的 onLoad 在 onLaunch 之后执行[通俗易懂]

https java 网络安全

app.vue里的 onLaunch 中如果有异步方法（比如：登录），返回结果可能会在页面的 onLoad 之后，但 onLoad 中的方法需要登录回调的结果。

全栈程序员站长

2022/07/30

3.3K0

全面的微信小程序答题功能和盈利点分享

微信小程序游戏

说到微信答题小程序，想必大家都不会陌生，这种简单却有着巨大吸引力的操作方式，它有怎样的功能？赢利点又有哪些呢？今天做一下简单分析。

用户2954023423

2018/06/04

5.1K3

相似问题

如何在微信小程序里生成签名？

01.3K

微信小程序？

5819

微信小程序怎么获取手机里的文件？

0124

微信小程序为什么没有 wx.uploadImage() 组件？？？

21.2K

微信小程序没有提供webview组件吗？

3621

相关问答用户

请输入您想邀请的人

腾讯 | 高级工程师

腾讯 | 工程师

腾讯 | 产品经理

腾讯 | 产品经理

腾讯 | 研发工程师

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例