Vue + iview select 表单校验明明有值，却提示没值
1. 问题说明在使用 iview 中的 select 表单项时，绑定必填校验规则后，遇到了这个神奇的问题：明显选中了值，打印出来也有值 – 一个整型的 id 值；但是，表单始终提示没有选择值！这是什么骚操作？表单部分截图如下：2. 解决办法查看 iview 官方组件使用文档，没有找到问题端倪…google 一下，找到了可行的解决办法：将 select 表单项绑定的值改为字符串类型 :value="
·
1. 问题说明
在使用 iview 中的 select 表单项时，绑定必填校验规则后，遇到了这个神奇的问题：明显选中了值，打印出来也有值 – 一个整型的 id 值；但是，表单始终提示没有选择值！这是什么骚操作？表单部分截图如下：
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>
问题解决了：
前往低代码交流专区
更多推荐
4
0- 0
已为社区贡献8条内容
所有评论(0)