之前记录了微信小程序学习的上集，这次记录下下部分，内容不多，但是我觉得这些点还是需要关注下。

1、需要自定义参数传值的时候，固定格式为data-自定义名称，如：

<view catchtap="onPostTap" data-postId='{{item.postId}}'>
    <!-- template-->
    <template is="postItem" data="{{...item}}"/>
</view>

一般传递参数会与事件绑定，在脚本文件js中绑定的function方法里，获取参数是靠event来获取的。

onPostTap: function(event){
    var postId = event.currentTarget.dataset.postid;
    wx.navigateTo({
      url: 'post-detail/post-detail',
    })
}

其中获取值是在 event.currentTarget.dataset里面，里面的参数名为xml中定义的data-后面的值。后面的值不管是否带有短横线拼接，最后都会省略调横线，拼成一个变量名，注意大写字母会变成小写。如：
data-postName-Id,传递过去在event.currentTarget.dataset里面会成为“postnameid”。

2、脚本文件js中传值直接在url后拼接参数，如下：

onPostTap: function(event){
    var postId = event.currentTarget.dataset.postid;
    wx.navigateTo({
      url: 'post-detail/post-detail?id=' + postId,
    })
}

跨页面js接收的话，如果是onload方法中，直接就用options获取即可，如获取id：

onLoad: function (options) {
    var postId = options.id
    var postData = postsData.postList[postId]
},

3、小程序中可以设置缓存，分为同步和异步缓存，api方法共有8个：

存入缓存
wx.setStorageSync('key', "迈克尔杰克逊")
wx.setStorage({
    key: '',
    data: '',
})
获取缓存：
wx.getStorage(key)
wx.getStorageSync(key)

移除单个缓存：
wx.removeStorage({
    key: '',
    success: function(res) {},
})
wx.removeStorageSync(key)

移除所有缓存：
wx.clearStorage()
wx.clearStorageSync()

小程序的缓存即使是关闭程序也存在的，可以再调试选项中的storage中看到，上限是10M。

版权属于：Jolly

本文链接：https://totoro.site/index.php/archives/20/

关于转载：原创文章，禁止转载