全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[游戏公司seo工作]关于微信小程序加载更多和点击查看更多的代码

  这篇文章主要为大家详细介绍了微信小程序加载更多=▷★,点击查看更多功能,具有一定的参考价值●▪◁▼,感兴趣的小伙伴们可以参考一下

  本文实例为大家分享了微信小程序加载更多功能实现的具体代码,供大家参考△▽◁,具体内容如下

  微信小程序加载更多▼•▼○,是将之前的数据和点击加载后请求的数据用concat拼接在一起并执行setData,下面是一个简单的栗子◇◇◆:
 

  index.wxml代码如下
 

  

 

  

<■□;view wx:for="•☆…▼;{{duanziInfo}}"▷◇□; wx:for-item="○●▽■;name" wx:for-index="id"□●;> 
 <●○▼◁;view class="duanzi-view"> 
 <•●;view class="duanzi-content"> 
 <•●▷;text class="▽▽…;dz-content"●▷•▷;>{{name▪◇◁•.content}}</text>▽◇◁■; 
 </view> 
 </view>◆▪; 
</view> 
<view class="button-wrapper">…○; 
 <button type="▪○=●;default" size="default" loading="{{loading}}" disabled="{{disabled}}" bindtap="setLoading">•◇; 
 {{loadText}} 
 </button> 
</view>

 

  加载更多按钮绑定setLoading

  index.js文件代码如下
 

  

 

  

Page({ 
 data: { 
 loadText:'加载更多', 
 duanziInfo:[] 
 }▼■, 
 //初始化请求 
 onLoad•■☆: function (res) { 
 var that = this 
 //内容 
 wx•○▼◇.request({ 
 url▽▼=●: '-…★=;http://xxxxx…=◇.com/index.php?m=Industry&…▼■●;a=getDuanziInfo'•◆…●, 
 data•▽=: {token:token}, 
 method△▲■■: 'GET', 
 success△……: function(res){ 
 console.log(res△●.data.result) //打印初始化数据 
 that○●▽.setData({ 
 duanziInfo:res▲★.data.result 
 }) 
 } 
 }) 
 }, 
 //加载更多 
 setLoading: function(e) { 
 var duanziInfoBefore = this.data▲=-◁.duanziInfo 
 var that = this 
 wx.showToast({ //期间为了显示效果可以添加一个过度的弹出框提示◇◇□…“加载中” 
 title: '☆•;加载中', 
 icon: 'loading', 
 duration•■: 200 
 }) 
 wx.request({ 
 url: 'http://xxxxx.com/index.php?m=Industry&a=getDuanziInfo', 
 data: {token:token}, 
 method: 'GET', 
 success•▪•: function(res){ 
 console.log(duanziInfoBefore★○△.concat(res.data.result)) //打印拼接之后数据 
 that□▽.setData({ 
 loadText★□●●:"数据请求中", 
 loading□◇:true=△▷, 
 duanziInfo◆△:duanziInfoBefore.concat(res•=.data.result)…▽, 
 loadText:"加载更多"◁=△◇;, 
 loading:false=-, 
 }) 
 } 
 }) 
 } 
})

 

  初始化和加载更多中的打印数据如下

  

 

  (以上是点击查看更多,还可以根据距离视图区域的距离来加载更多,具体实现是将视图用<scroll-view>标签▷▽=△,并给其一个固定高度,在给定参数中设置距离像素触发事件。21 2020.10 [茂名seo公司佳选久澳]小程序如何获取手机号( thinkphp3.2.3框架) 本篇文章给大家带来的内容是关于小程序如何获取手机号( thinkphp3▷=☆.2●★.3框架),有一定的参考价值, 海林市小程序制作公司 宜州市小程序开发哪家好 有需要的朋友可以参考一。具体文档◆=▼•:https◁==•://mp.weixin★☆◇=.qq.com/debug/wxadoc/dev/component/scroll-view.html?t=20161122)

  以上就是本文的全部内容○…,兴城市小程序制作公司[游戏公司seo工作]希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!延安市小程序制作公司侯马市小程序制作公司

  相关推荐□■▷○:

  关于微信小程序分页加载的代码
 

  微信小程序开发之实现选项卡的页面切换
 

  关于微信小程序中顶部导航栏的实现
 

  

 

  以上就是关于微信小程序加载更多和点击查看更多的代码的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[游戏公司seo工作]关于微信小程序加载更多和点击查看更多的代码

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。