最近一段时间在研究微信小程序开发，在这里记录一些开发中遇到的技术点问题

界面之间传参数

1
2
3
4
// a.js
wx.navigateTo({
       url: '../xx/xx?param=' + value
     })

参考API

1
2
3
4
// b.js
onLoad: function (options) {
var value = options['param']
}

清除 Input 控件用户输入的值

1
<input value='{{inputvalue}}'/>
1
2
3
4
// 调用 setData 方法清空用户输入
this.setData({
      "inputvalue": ""
    })

最顶级界面元素高宽为手机界面高宽

1
2
3
4
5
 //a.wxss
 page{
	height: 100%;
	width: 100%;
}

类定义

1
2
3
4
5
6
7
8
9
10
11
//xxModel.js
const xxModel = function xxModel() {
  this.id = 0;
  this.name = "";
  this.passwd = "";
}
module.exports = {
  xxModel: xxModel
}
1
2
3
4
5
6
// xx.js
//import
const xxmodel = require('xxModel.js')
// new 实例
var xxmodel = new xxmodel.xxModel()

绑定列表元素后修改元素属性

1
2
3
4
var param = {};
var target = "datalist[" + i + "].param"  // datalist 为对象数组 param 为属性名 i为下标
param[target] = newvalue; // 设置 param 属性名对应的属性值
this.setData(param)

在类的成员方法块里面的 function 访问成员变量，用箭头函数

1
2
3
4
5
6
wx.onUserCaptureScreen(res => {
      // 访问成员变量
      if(this.data.xxx){
        
      }
    })
<<<<<<< HEAD