nineteen
为项目添加更改手机号(利用picker组件)
具体样式如上方,
1.第一位只能是1
2.第二位为3-9之间的数字(设置数字所以不用考虑输入问题)
3.其他位置都是0-9
4.共11位
实现使用的官方多列选择器,思路改变,他们11位都是可以独立存在的,不应该受到前面位置的影响。
所以没有了选择列之后改变其他列。
这是选择列的picker值
选的是哪一列
//改变位数
bindMultiPickerColumnChange: function (e) {
console.log('修改的列为', e.detail.column, ',值为', e.detail.value);
var data = {
multiArray: this.data.multiArray,
multiIndex: this.data.multiIndex
};
data.multiIndex[e.detail.column] = e.detail.value;
switch (e.detail.column) {
case 0:
data.multiArray[1] = ['3', '4', '5', '6', '7','8','9'];
data.multiArray[2] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[3] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[4] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[5] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[6] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[7] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[8] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[9] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiArray[10] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[1] = 0;
data.multiIndex[2] = 0;
data.multiIndex[3] = 0;
data.multiIndex[4] = 0;
data.multiIndex[5] = 0;
data.multiIndex[6] = 0;
data.multiIndex[7] = 0;
data.multiIndex[8] = 0;
data.multiIndex[9] = 0;
data.multiIndex[10] = 0;
break;
case 1:
data.multiArray[2] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[2] = 0;
console.log(data.multiIndex);
break;
case 2:
data.multiArray[3] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[3] = 0;
console.log(data.multiIndex);
break;
case 3:
data.multiArray[4] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[4] = 0;
console.log(data.multiIndex);
break;
case 4:
data.multiArray[5] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[5] = 0;
console.log(data.multiIndex);
break;
case 5:
data.multiArray[6] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[6] = 0;
console.log(data.multiIndex);
break;
case 6:
data.multiArray[7] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[7] = 0;
console.log(data.multiIndex);
break;
case 7:
data.multiArray[8] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[8] = 0;
console.log(data.multiIndex);
break;
case 8:
data.multiArray[9] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[9] = 0;
console.log(data.multiIndex);
break;
case 9:
data.multiArray[10] = ['0','1','2','3','4', '5', '6', '7','8','9'];
data.multiIndex[10] = 0;
console.log(data.multiIndex);
break;
}
this.setData(data);
},
data内
multiArray: [['1'], ['3', '4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9'], ['0','1','2','3','4', '5', '6', '7','8','9']],
将全部取值赋给一个变量里
前台部分