element-ui select数据回显显示数字的问题 el-select校验失效出现阿拉伯数字问题

初始化参数

return {
      fields: [
        {"title":"景区","id":0},
        {"title":"酒店","id":1}
      ],
      evaluates: [
        {"title":"好评","id":0},
        {"title":"中评","id":1},
        {"title":"差评","id":2}
      ],
}

          
            
              {{ evaluate.title }}
            
          
        
        
          
            
              {{ item.title }}
            
          
        

 

 

后端传送数据给前端后，下拉框回显结果为数字！

最近遇到个问题后端返回结果后.前端双向绑定回显结果为数字.分析原因后发现是数据类型不一致导致回显异常

解决方案

把option的value转为字符类型即可

1	:value="evaluate.id+''"

          
            
              {{ evaluate.title }}
            
          
        
        
          
            
              {{ item.title }}