微信小程序学习记要(下)

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

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。

Last modification:November 26th, 2019 at 10:06 am
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment