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>
问题解决了:
更多推荐
已为社区贡献8条内容
所有评论(0)