【小程序】小程序 --- 笔记【实用】

• Z时代
• 2024-01-10
• 分类：技术分享

存：wx.setStorageSync('token', '48gw9p7829529Vv3ccJyZMvpsEOtJuVHKk9RtX1vCO4=');
取：wx.getStorageSync('token')

wx:for="{{list}}"

/* js /
wx:if="{{ a > 5 }}"
wx:elif="{{ a < 5 }}"
wx:else
/* view */
<view wx:if="{{ !a }}">逻辑非</view>
<view wx:if="{{ a || b }}">逻辑或</view>
<view wx:if="{{ a && b }}">逻辑与</view>

 bindtap="bindViewTap"

that.setData({
list:res.data
})
// 打印
console.log(that.data.patient)

// 参数传递
data-num="{{item.id}}"
// 获取参数
console.log(e.currentTarget.dataset.num)

  bindViewTap() {
wx.navigateTo({
url: '../abnormal/abnormal'
})
},

<navigator url="../detail/detail?id={{item.id}}" >查看</navigator>
/*获取当前页地址参数*/
onLoad(e) {
console.log(e.id)
}
/* 页面跳转（接口内写）*/
wx.navigateTo({
url: '../mine/mine'
})

<!-- wxml -->
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="wx-button">获取手机号</button>
<!-- js -->
getPhoneNumber: function(e) {
console.log(e)
},

小程序注意事项

• web-view 外部引用必须是 https （下载文件也要配置）
• 小程序 web-view 配置后不生效 等几个小时 或者睡一觉就好了

小程序基础

加载事件

onLoad() 页面加载时触发，只会调用一次，可获取当前页面路径中的参数。
onShow() 页面显示/切入前台时触发，一般用来发送数据请求；
onReady() 页面初次渲染完成时触发, 只会调用一次，代表页面已可和视图层进行交互。
onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台等。
onUnload() 页面卸载时触发，如redirectTo或navigateBack到其他页面时

储存

存：wx.setStorageSync('token', '48gw9p7829529Vv3ccJyZMvpsEOtJuVHKk9RtX1vCO4=');
取：wx.getStorageSync('token')

for 循环

wx:for="{{list}}"

if 判断

/* js /
wx:if="{{ a > 5 }}"
wx:elif="{{ a < 5 }}"
wx:else
/* view */
<view wx:if="{{ !a }}">逻辑非</view>
<view wx:if="{{ a || b }}">逻辑或</view>
<view wx:if="{{ a && b }}">逻辑与</view>

点击事件（相当于click）

 bindtap="bindViewTap"

data 赋值

that.setData({
list:res.data
})
// 打印
console.log(that.data.patient)

参数传递、获取参数

// 参数传递
data-num="{{item.id}}"
// 获取参数
console.log(e.currentTarget.dataset.num)

页面跳转

  bindViewTap() {
wx.navigateTo({
url: '../abnormal/abnormal'
})
},

页面传参跳转

<navigator url="../detail/detail?id={{item.id}}" >查看</navigator>
/*获取当前页地址参数*/
onLoad(e) {
console.log(e.id)
}
/* 页面跳转（接口内写）*/
wx.navigateTo({
url: '../mine/mine'
})

小程序问题 及 解决方案

小程序获取手机号

<!-- wxml -->
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="wx-button">获取手机号</button>
<!-- js -->
getPhoneNumber: function(e) {
console.log(e)
},

以上是 【小程序】小程序 --- 笔记【实用】 的全部内容， 来源链接： utcz.com/a/110137.html