1. 问题说明

在使用 iview 中的 select 表单项时,绑定必填校验规则后,遇到了这个神奇的问题:明显选中了值,打印出来也有值 – 一个整型的 id 值;但是,表单始终提示没有选择值!这是什么骚操作?表单部分截图如下:
form-select 错误提示

2. 解决办法

查看 iview 官方组件使用文档,没有找到问题端倪…

google 一下,找到了可行的解决办法:

将 select 表单项绑定的值改为字符串类型 :value="item.value+''"
<FormItem label="基地名" prop="tagName">
 <Select v-model="addData.tagName" placeholder="请选择基地">
    <Option
      v-for="item in factoryList"
      :value="item.value+''"
      :key="item.value"
    >{{ item.label }}</Option>
  </Select>
</FormItem>

问题解决了:
form-select 正常效果

Logo

前往低代码交流专区

更多推荐