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']],
将全部取值赋给一个变量里

 

 前台部分

 

 

posted on 2022-05-07 16:05  叁柒叭  阅读(168)  评论(0编辑  收藏  举报