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

微信小程序实战(三)

作者: 追风筝的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不起作用,具体原因待查找

    相关文章

      网友评论

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

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