微信小程序 – 在自定义组件中请求后端数据接口(引入该组件的页面触发)


前言

今天遇到这么一个问题,我写好的小程序 组件(component) 中,需要请求后端数据接口,但组件中没有 onLoad 怎么办?下面是解决方案。

描述

我开发了一个 A 页面,然后在 A 页面引入了一个组件 B ,我想在 B 组件中加载进来的时候执行一个后端请求,获取数据进行 B 组件渲染。

解决方案不止一个,我这里使用生命周期函数 attached() 解决,下面我们一起看看这个demo。

示例

组件生命周期文档:https://developers.weixin.qq.com/miniprogram/dev/framework

在组件完全初始化完毕、进入页面节点树后, attached 生命周期被触发。

此时, this.data 已被初始化为组件的当前值。这个生命周期很有用,绝大多数 初始化工作 可以在这个时机进行。

// commpontent/B.js

Component({
/**
* 组件的属性列表
*/
properties: {},

/**
* 组件的初始数据
*/
data: {},

/**
* 组件的方法列表
*/
methods: {},

/**
* [在组件实例进入页面节点树时执行]
* 这里写生命周期函数
* 当调用该组件的页面加载完显示时
* 组件就会自动触发该函数
* 来达到组件内初始化数据作用
*/
attached() {
//请求数据(业务逻辑)
}

})

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

微信小程序 - 在自定义组件中请求后端数据接口(引入该组件的页面触发)

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » 微信小程序 – 在自定义组件中请求后端数据接口(引入该组件的页面触发)
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏