作者:大道废_796 | 来源:互联网 | 2023-05-17 18:50
微信小程序虽然便捷,但是在开发阶段,坑还是很多的。以下是我最近写小程序总结的一些小心得,望参考一二。1、wx:if条件判断当判断的内容是由多个组件标签组合的,则需要使用<block&g
微信小程序虽然便捷,但是在开发阶段,坑还是很多的。以下是我最近写小程序总结的一些小心得,望参考一二。
1、wx:if条件判断
当判断的内容是由多个组件标签组合的,则需要使用标签
if="{{true}}">
view1
view2
2、引入iconfont时,在app.wxss做全局引用,但是这个全局仅局限于page里面的页面,不包括组件,如果组件需要引入iconfont,需要在每个组件的wxss引入
app.wxss:全局引入
单个引入
@import '../../../iconfont.wxss';
3、在使用tabbar时,在另一个页面需要跳转到tabbar所在页面,并关闭其他非tabbar页面,一般使用wx.switchTab去跳转,但是页面不会去刷新,
而reLaunch()则是先关闭了所有页面,再跳转到指代的页面,会去刷新
4、在js中,初始化时在data定义的初始值为对象或者数组时,在接下来的修改data时,会麻烦点。需要把需要修改的变量去赋值给一个变量,在使用this.setData()的时候,需要给这个变量加上中括号,具体写法如下红字所示:
data: {
circleId: '',
data: {},
commentData: {},
isComment: false,
isCollect: false,
circleid: '',
comment: '',
curPage: 0,
pageSize: 10,
commentId: 0,
commentDataShow: '展开评论',
albumId: ''
},
// 二级评论的点赞
loveComment2(e) {
console.log(e)
let dataset = e.currentTarget.dataset
let type = dataset.commenttype
let commentId = dataset.commentid
let index = dataset.index
let index2 = dataset.index2
let isLoveStr = `commentData[${index}].secondComments[${index2}].secondIsLove`
let secOndCommentCountStr= `commentData[${index}].secondComments[${index2}].secondCommentCount`
let secondIsLove = dataset.secondislove
let secondCommentCount = dataset.secondcommentcount
if (secondIsLove) {
comment.cancelLoveComment(commentId, type).then(res => {
if (res.status == 'SUCCESS') {
this.setData({
[isLoveStr]: 0,
[secondCommentCountStr]: secondCommentCount - 1 })
}
})
} else {
comment.loveComment(commentId, type).then(res => {
if (res.status == 'SUCCESS') {
this.setData({
[isLoveStr]: 1,
[secondCommentCountStr]: secondCommentCount + 1 })
}
})
}
},
5、将不需要刷新的数据放到onLoad中执行,将不需要刷新的数据放到onShow中执行
6、微信小程序自定义组件pageLifetimes和lifetimes的区别
lifetimes:指的是组件的生命周期,pageLifetimes:指的是组件页面的生命周期
如果tabbar页面使用了组件,还想在切换的时候及时刷新页面,组件初始化放在pageLifetimes中的show中
详见官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html?search-key=%E6%9E%84%E9%80%A0%E5%99%A8