小程序学习-CSDN博客

本文链接：https://blog.csdn.net/chunhuaheng/article/details/135252816

小程序相关知识

1. WXML

自带组件，比如 <view></view> <button></button>
按钮点击事情绑定写法：

<button bindtap="handTap">点击</button>

指令

<button wx:if="{{status=='学习中'}}">我出现了</button>
<button wx:else="{{status=='学习中'}}">我出现了</button>

//默认是这两个值index item，也可以修改key值
<view wx:for="{{[1,2,3,4]}}" wx:key="index"
wx:for-index="ourind" wx:for-item="ourItem">
{{ourind}}
{{ourItem}} 
</view>

2. api相关

1.
wx.showModal({
      title: '提示',
      content: '是否提交',
      complete: (res) => {
        if (res.cancel) {
          console.log(11)
        }
    }
  })  //二次弹窗询问提示
2. 
wx.showActionSheet({
      itemList: ["返回","1111"],
      success: (res)=>{
        console.log(res,'-----')
      }
    })
// 底部弹窗

3.
// 接口请求
 wx.request({
                url:"https://qinchenju.com/homemaking/v1/user",
                method:'PUT',
                header:{token},
                data:{
                  nickname: this.data.namek,
                  avatar: this.data.img,
                  gender:"1"
                },
                success:(res)=>{
                  console.log('res',res)
                }
              }
              )

待补充

业务通用组件写法

待补充

即时通讯SDK集成

待补充

全局状态管理机制

待补充

小程序踩坑记录 😂

1.app.json: ["tabBar"][1]["pagePath"]: "pages/publish/publish" need in ["pages...

原因是tabBar组件在配置时需要在app.json 的 pages：[ ' /xx/xx/xx '] 也标明路径

2. 使用vant-weapp组件库踩坑-- 安装报错

更换淘宝镜像依旧报错：

解决方案：只需要降低开发工具版本号比如2.xx版本：

3.关于路由跳转为何没生效？

原因：路径一定要写相对路径，与app.json内路径一致。比如下面两种调整方式

wx.reLaunch({
      url:'/pages/login/login'
    })
wx.switchTab({
      url:'/pages/home/home'
    })