微信小程序中下拉刷新和数据绑定的一些小坑是怎么回事?

发布:2018-01-02 21:12:10来源:寒筠阅读:238

  我们都知道微信现在是我们日常生活中非常重要的一个软件,随着微信的发展,很多新的功能被推出,微信小程序就是非常重要的一个功能,最近很多微信用户问我微信小程序中下拉刷新和数据绑定的一些小坑是怎么回事?下面小编就带你了解一下微信小程序中下拉刷新和数据绑定的一些小坑是怎么回事?

  1.小程序中的template模块使用

  在一个月黑风高的夜晚,我突然发现一个很有意思的东西,那就是template模块,它可以将你定义的一个HTML5模块包住,然后利用template,在你的小程序任意一个页面使用,这样极大的减少了程序中的复制-粘贴,复制-粘贴(一般用于需要循环使用的界面)。下面就用我自己的一个template模块来讲解下。

第一步:创建页面

  第一步:创建页面

  在pages里面创建存储你template模块的页面,便于其他页面对其的引用

  "pages/index/index",

  "pages/find/find",

  "pages/gift/gift",

  "pages/activity/activity",

  "pages/common/list",//存储template模块的页面

  "pages/white/white"

  第二步:创建template模块

  template模块实例

  {{page__ft}}}

  在你需要重复使用的html用一个template标签包起来,并给它取个名字 。 (当然了,还有WXSS的编写,这里因为不是很重要我就不放出来了) 完成了这步,你就可以尽情的在你需要这个模板的页面引用这个模块了。

  第三步:在各个页面引用template模块

  ①在你想要引用的界面的WXSS和WXML上引用template的wxml和wxss,

  @import '../common/list.wxss';

  ②在你需要的盒子里面添加template标签,你想要引用那个template模块,就在is里面填哪个模块的名字

  如果你是在一个循环里面引用的template就需要改为data="{{...item}}"如:

  2.数据绑定

  又是一个月黑风高的夜晚,我在实现点亮的功能的时候,发现我只点了一个地方的点赞,整个页面的点赞都亮了起来,这肯定是不行的,用户明明只对这一个感兴趣,你怎么能全部点亮呢?于是我开始了思考,发现我犯了一个十分愚蠢的问题,那就是没有给我的数据绑定一个值,这就好像没有给喊名字一样:到了饭点你出去大喊一声:儿子,回家吃饭了!结果肯定是家家的儿子都回去吃饭了,然而别人家的饭都还没开始煮呢,你怎么就喊人家回去了呢,你肯定得喊:二狗子,回家吃饭了!别人家的娃才不会也跟着回家。这和点击事件是一个道理的,你必须给你的每项数据绑定一个id,用if语句,将数组遍历一遍,将每个数据的ID拿出来看看,看下你点的这个数据的ID,与数组中哪个相符合。如何成功配对了 ,恭喜,你可以执行点亮操作了! 功能实现如下:

  总结

  要熟读微信小程序官方文档,勤用小程序自带的API,可以节省很多时间和精力

  阿里巴巴的iconfont是真的好用,很多图标都可以在上面下载,不仅有png版还有svg版

  Easy Mock 可以建立一个假后台,对于我们学习小程序有很大的帮助

  weui框架对小程序有很大的帮助

  以上便是小编为你整理的内容,你知道微信小程序中下拉刷新和数据绑定的一些小坑是怎么回事了吗?希望小编的内容对你有所帮助,如果需要了解更多信息,请关注微微风,我们将为你提供最新最全面和最准确的信息,如果还有其他问题,你可以在下方留言。

  推荐阅读:

  个人开发者可以做什么小程序?

  微信小程序开发二级菜单如何实现?

  怎么知道小程序的开发者是谁?

发表评论
微微风
昵称

热门文章

更多

如何提高微信公众号文章点击量和转发量?

1

好看的微信男女头像,欧美男女头像分享

2

么么哒表情包分享,么么哒表情有哪些?

3

biu手指打枪爱心表情包分享,发送爱心表情包大全

4

微信支付勒索病毒是什么意思?什么是微信支付勒索病毒?

5

微信清理恶意账号是怎么回事?发生了什么?

6

微信卡包如何获得红包?怎样领红包?

7

微信公众号文章修改错别字规则是什么?有什么要注意的?

8

微信搜一搜如何做排名?优化排名的方法是什么?

9

微信如何开通公交车扫码付款?方法是什么?

10

最近更新

更多
1如何防止微信群被封呢?
2微信直播的形式有哪些?
3绑定微信安全码有什么方法?
4微信怎么设置安全码?微信密码怎么修改?
5微信小程序怎样助力门店争抢红利市场?
6微信小程序怎样禁用?具体怎么操作?
7微信公众平台有什么作用?
8微信号怎么做推广?有哪些方法?
9如何关闭微信小程序?步骤是什么?
10微信运动怎么捐步?捐步是真实的吗?