美文网首页
微信小程序实战(三)

微信小程序实战(三)

作者: 追风筝的Hassan | 来源:发表于2019-07-22 00:47 被阅读0次

在循环的时候,不再采用item进行指定值,而是利用{{...item}}进行数据绑定,ES6中有一个扩展运算符,两者是否有联系?


image.png
image.png

组件自定义属性,必须以data开头,data-XX-XX都可以
注意:自定义模板需要放在view中,因为在页面运行的时候显示的是一个个item所以直接在template上添加点击事件是不起作用的。


image.png

我们可以在event事件中拿到我们自定义的属性值,currentTarget中自定义属性的集合dataSet,dataSet中包含所有的自定义属性


image.png
虽然我们在定义的时候采用的是data-postId但是会被转化为postid,只有出现data-postid-name时“-”连接的地方会被转化为大写postidName
image.png
image.png

在详情页中进行数据绑定的时候,报错

image.png
是因为进行数据绑定的时候我们用的是在postList中,所以应该是在
let postData = postData.postList[postId]
image.png
image.png
image.png
采用this.data.postData不起作用,具体原因待查找

相关文章

  • 微信小程序 | 来自小程序开发者的开发教程③

    程序员开发实战系列 **程序员开发实战系列**《一》注册、预览小程序 **程序员开发实战系列**《二》微信小程序架...

  • 微信小程序实战

    微信小程序实战 有问题可以扫码加我微信,有偿解决问题。承接小程序开发。微信小程序开发交流qq群 870222928...

  • 微信小程序支付开发具体流程

    申请微信支付小程序认证后进入微信支付申请小程序的微信支付实战:微信小程序支付开发具体流程 填写企业信息对公账户并上...

  • vue、微信小程序、JQ、es6

    张现发项目实战三-----月度总结 微信小程序: (1)项目流程 1、首先要注册一个微信小程序的账号 2、获取我们...

  • 微信小程序实战(三)

    在循环的时候,不再采用item进行指定值,而是利用{{...item}}进行数据绑定,ES6中有一个扩展运算符,两...

  • 【视频分享】尚硅谷前端HTML5视频_微信小程序项目实战

    微信小程序项目实战 微信小程序经历了一年多的发展,如今迎来了爆发式的增长,所以微信小程序为当下前端工程师必备的技能...

  • 微信点餐小程序开发源码交付

    微信点餐小程序开发源码交付的小程序开发公司哪里有?微信点餐小程序开发推荐广州主题邦科技,点餐小程序开发实战经验丰富...

  • 小程序 便查手册

    小程序巧应用,微信小程序开发实战 配置 app.json pages -> 所有的页面 window -> 窗口的...

  • 微信小程序电商实战-首页(上)

    上一篇:微信小程序电商实战-入门篇 嗨,大家好!经过近两周的精心准备终于开始微信小程序电商实战之路喽。那么最终会做...

  • 微信小程序

    1、微信小程序是什么 微信小程序是基于微信利用前端三剑客开发的小程序,容易操作。 1.1微信小程序的优点: 1.1...

网友评论

      本文标题:微信小程序实战(三)

      本文链接:https://www.haomeiwen.com/subject/uunmlctx.html