关于小程序:小程序-笔记实用

小程序注意事项

• 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)
},

如呈现该弹框 须要小程序认证