数据回显不成功一般是因为数据类型不匹配,所以需要处理成统一数据类型。

如果 v-model 绑定的数据是 string 类型,:value 绑定的数据是 number 类型,我这里是通过 + ‘’ ,统一处理成 string 类型

 <el-form-item label="所属部门">
   <el-select v-model="partSmallForm.belongDepartment" placeholder="请输入所属部门">
      <el-option
        v-for="item in deptList"
        :key="item.id"
        :label="item.name"
        :value="item.id + ''"
        >
      </el-option>
  </el-select>
</el-form-item>

如果 v-model 绑定的数据是 number 类型,:value 绑定的数据是 string 类型,我这里是通过 *1 ,统一处理成 number 类型

 <el-form-item label="所属部门">
   <el-select v-model="partSmallForm.belongDepartment" placeholder="请输入所属部门">
      <el-option
        v-for="item in deptList"
        :key="item.id"
        :label="item.name"
        :value="item.id*1"
        >
      </el-option>
  </el-select>
</el-form-item>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐