微信小程序轮播图调用接口

微信小程序轮播图调用接口生命周期函数,页面加载:onLoad:function(options){let_this=this;wx.request({url:’http://www.day.com/index.php/img’,//仅为示例,并非真实的接口地址method:”GET”,success(res){//console.log(res.data.data)letdatas=res.data.data;//渲染_this.setData({datas})},}

大家好,又见面了,我是你们的朋友全栈君。

生命周期函数,页面加载:

onLoad: function (options) {

let _this=this;

wx.request({

url: ‘http://www.day.com/index.php/img’, //仅为示例,并非真实的接口地址

method:”GET”,

success (res) {

// console.log(res.data.data)

let datas=res.data.data;

// 渲染

_this.setData({datas})

},

})

wx.request({

url: ‘http://www.day.com/index.php/goodsList’, //仅为示例,并非真实的接口地址

method:”GET”,

success (res) {

// console.log(res.data.data)

let list=res.data.data;

// 渲染

_this.setData({list})

},

})

}

页面:

<swiper indicator-dots=”{
{true}}” autoplay=”{
{true}}” interval=”{
{1500}}” duration=”{
{500}}” circular=”{
{true}}” indicator-color=”rgb(153,153,153)” indicator-active-color=”rgb(255,255,255)”>

  <block wx:for=”{
{datas}}” wx:key=”index”>

   <swiper-item>

   <image src=”{
{item.img_url}}”/>

   </swiper-item>

  </block>

</swiper>
 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/143323.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 服务器的cd驱动器怎么修改盘符,windows 2016 修改驱动器盘符

    服务器的cd驱动器怎么修改盘符,windows 2016 修改驱动器盘符windows2016修改驱动器盘符内容精选换一换本文以服务器的操作系统为“WindowsServer2016Standard64bit”为例,提供云硬盘的初始化操作指导。MBR格式分区支持的磁盘最大容量为2TB,GPT分区表最大支持的磁盘容量为18EB,因此当为容量大于2TB的磁盘分区时,请采用GPT分区方式。关于磁盘分区形式的更多介绍,请参见初始化数据盘场景及磁盘分区形本文…

    2022年5月18日
    59
  • 命令查看Win10等详细激活信息的方法

    命令查看Win10等详细激活信息的方法命令查看Win10等详细激活信息方法:1、slmgr全称:SoftwareLicenseManager2、VBS是基于VisualBasic的脚本语言。VBS的全称是:MicrosoftVisualBasicScriptEdition。(微软公司可视化BASIC脚本版)。Win+R输入:1、slmgr.vbs-dlv显示:最为详尽…

    2022年5月29日
    39
  • SpringMVC 工作原理

    SpringMVC 工作原理1.客户端请求提交到DispatcherServlet2.由DispatcherServlet控制器查询一个或多个HandlerMapping,找到处理请求的Controller3.DispatcherServlet将请求提交到Controller4.Controller调用业务逻辑处理后,返回ModelAndView5.DispatcherServlet查询一个或多个ViewResoler视图解析器,找到ModelAndView指定的视图,并将结果显示到客户

    2022年5月14日
    40
  • vuethink 配置

    vuethink 配置

    2021年10月11日
    66
  • android线程间通信的几种方法_Android线程间通信机制

    android线程间通信的几种方法_Android线程间通信机制讲解Handler机制的博文很多,我也看了很多,但说实话,在我对Handler几乎不怎么了解的情况下,每一篇文章我都没太看懂,看完之后脑子里还是充满了疑问。究其原因,是因为几乎每一篇文章一上来就开始深入Handler源码,使得在一些宏观的问题上还是充满疑问,如果你从来没接触过Handler,对一些基础的问题还充满疑问,那深入源码去探究根源肯定会有些吃力。下面,我就从一个初学者思考的角度,来讲一讲H…

    2022年10月7日
    3
  • windows cmd进入mysql[通俗易懂]

    windows cmd进入mysql[通俗易懂]在DOS命令窗口输入 mysql-hlocalhost-uroot-p回车 进入mysql数据库,其中-h表示服务器名,localhost表示本地;-u为数据库用户名,root是mysql默认用户名;-p为密码,如果设置了密码,可直接在-p后链接输入,如:-p123456,用户没有设置密码,显示Enterpassword时,直接回车即可。注意,如果你的mysql没有安装在C盘下

    2022年5月4日
    64

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号