微信小程序

Posted on

官方文档
wxml
1.不用div标签 用代替

2.条件渲染：

在框架中，我们用 wx:if=”“ 来判断是否需要渲染该代码块：

1
<view wx:if="{{condition}}"> True </view>

也可以用 wx:elif 和 wx:else 来添加一个 else 块：

1
2
3
<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

3.循环：wx:for
多级循环
4.接口 需要在后台配置之后才能用
必须是https
post接口往后台传数据的时候在wx:request中的data赋值 不用setdata
5.页面跳转：

1
2
3
wx.navigateTo({
  url: 'test?id=1'
})//保留当前页面 跳转到应用内的某个页面
1
2
3
wx.redirectTo({
  url: 'test?id=1'
})//关闭当前页面 跳转到应用内的某个页面
1
2
3
4
5
6
7
8
9
10
11
12
13
14
  {
  "tabBar": {
    "list": [{
      "pagePath": "index",
      "text": "首页"
    },{
      "pagePath": "other",
      "text": "其他"
    }]
  }
}
wx.switchTab({
  url: '/index'
})//跳转到tabbar页面 并关闭所有其他tabbar页面

6.赋值：setdata
7.上传图片
wx:uploadfile
url写后台创建接口
formdata是要传到后台数据
多张图片上传用for循环
选择图片显示 用wx.chooseImage

tip:
1.wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面
2.console.log 不可以写在wx.xxx这种方法的里面