小程序 页面传参

一、页面传参

    1、使用全局变量

    2、使用缓存

    3、通过页面导航url的query参数传递

二、页面导航url的query参数传递

    1、组件的自定义属性

    在post.wxml 中

<view data-post-id="{{item.postID}}" catchtap="onTapToDetail">
</view>

    2、通过dataset获取组件自定义属性

   onTapToDetail(event){
        // 取得当前文章的postId
        var postId = event.currentTarget.dataset.postId;
        wx.navigateTo({
            url:'post-detail/post-detail?id='+postId
        })
    }

    3、获取页面参数值

Page({
    data:{},
    onLoad:function(options){
      var postId = options.id;
    }
})

三、组件自定义属性名规则

    必须以data-开头

    多个单词使用连字符 - 链接

    单词中一般不要包含大写字母

    在js中获取自定义属性值时，多个单词会被转化为驼峰命名

    组件自定义数据：              dataset中的变量名:

        data-post                 dataset.post

        data-post-id              dataset.postId

        data-pOST-ID              dataset.postId

        data-postId               dataset.postid