el-select 接口返回的value与name不对应；el-select数据回显不对应

最新推荐文章于 2024-02-04 17:50:19 发布

祝你今天也快乐

最新推荐文章于 2024-02-04 17:50:19 发布

阅读量652

点赞数

分类专栏： element 文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/killerdoubie/article/details/130112582

版权

element 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

1.option值是string对应的:value="item.enumValue+''"这样设置

waterUseTypeTypeList: [
      {
         enumName: '云端',
         enumValue: '1'
      },
      {
         enumName: '终端',
         enumValue: '2'
      }
]

<el-select v-if="!scope.row.expiryDate" clearable v-model="scope.row.waterUseType" filterable class="dis-time">
     <el-option v-for="item in waterUseTypeTypeList" :key="item.enumValue"             
       :label="item.enumName" :value="item.enumValue+''">
     </el-option>
</el-select>

2.option值是number 对应的:value="item.enumValue*1"这样设置

waterUseTypeTypeList: [
      {
         enumName: '云端',
         enumValue: 1
      },
      {
         enumName: '终端',
         enumValue: 2
      }
]

<el-select v-if="!scope.row.expiryDate" clearable v-model="scope.row.waterUseType" filterable class="dis-time">
     <el-option v-for="item in waterUseTypeTypeList" :key="item.enumValue"             
       :label="item.enumName" :value="item.enumValue*1">
     </el-option>
</el-select>

总结：就是接口返回值（v-model）绑定的值要与option的值类型保持一致，可能在渲染的过程中会转化类型，这时候需要使用js的隐式类型转化去人为的保持一致。