微信小程序开发总结

  1. 使用微信开发者工具开发微信小程序时,点击 开发工具 -> 编译 会清空自定义全局变量
  2. 提交数据的两种方式
    一是使用form+bind事件
    <form bindsubmit="handleSave">
        <button form-type="submit">提交</button>
    </form>
    关于form,参考链接 微信小程序form
    二是每一个控件使用bindinput等事件编写代码赋值变量

  3. picker的使用
     属性名range  类型Array/Object Array  存放你的本地数据数组或者对象数组,需要加载的数据
     属性名range-key  类型String  当 range 是一个 二维Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
     属性名value  类型Array  value 每一项的值表示选择了 range 对应项中的第几个(下标从 0 开始)
     属性名data-  类型自定义属性后更的属性名字可以自定义 当你需要设置其他值得时候可以使用  可选
     
    <picker bindchange="bindPickerChange_v" data-selectv="{{vehicleList[v_index].plateNumber}}" range="{{vehicleList}}" range-key="{{'plateNumber'}}">
            <view class="picker" style="background:url({{img_base_url}}/yjt.png) no-repeat right center;">
              {{vehicleList[v_index].plateNumber}}
            </view>
    </picker>
    

      

  4. wx.request
    success: function(res) {
    }
    参数res返回内容(即http响应内容),范例如下:
    cookies: []
    data: {code: 200, msg: "操作成功", data: null}
    errMsg: "request:ok"
    header: {
      Connection:
    "keep-alive",
      Vary: "Origin,Access-Control-Request-Method,Access-Control-Request-Headers",
    Transfer-Encoding: "chunked",
    Content-Type: "application/json; charset=UTF-8", Date: "Thu, 26 Jan 2023 15:34:28 GMT"
    } statusCode: 200
  5. 微信小程序没有双向绑定
    获取data中的值:const x = this.data.id
    修改data中的值:this.setData({ id: 123 })

 

posted @ 2023-01-25 22:19  外星鸟  阅读(67)  评论(0)    收藏  举报