element-ui框架Select选择器设置值跟选中值不一样的问题

比如:

data() {
      return {
        test1:'',
        cities: [{"id":1,"mixAccountNumber":"001","region":"ALL"},
             {"id":2,"mixAccountNumber":"002","region":"ALL"}],
      }
    }

界面如下:

  
    
    
  

那么样式肯定是这样的(如下图),选择的时候肯定是001跟002,而真正到后台的值是1或者2 

element-ui框架Select选择器设置值跟选中值不一样的问题_第1张图片 

那么保存这条数据的时候肯定没问题,但是当我们需要update操作的时候,肯定要手动赋值,然后处理不好内容变成了1或者2,不是001或002,比如如下代码

test

element-ui框架Select选择器设置值跟选中值不一样的问题_第2张图片

这很明显不是我们想要的,所以

改一下,改成test1=2,就变成002了。

test

element-ui框架Select选择器设置值跟选中值不一样的问题_第3张图片

这么一对比可以理解坑在哪了吧

总结一下:

              类型一定要对应,数值类型就数值类型,别一会数值一会文本!

 

 

 

你可能感兴趣的:(坑)