iview Select中v-for Option后,选择的值,不能绑定
第一种情况则是因为类型造成的<FormItem label="kafkaTp" prop="kafkaTp" class="kafka-form-select"><Select class="kafka-Select" v-model="formItem.kafkaT
·
第一种情况则是因为类型造成的
<FormItem label="kafkaTp" prop="kafkaTp" class="kafka-form-select">
<Select class="kafka-Select" v-model="formItem.kafkaTp">
<Option v-for="(item, index) in formItem.formDataKafka.kafkaTp" :value="item" :key="index">
{{ item }}
</Option>
</Select>
</FormItem>
验证kafkaTp的值,永远为空,绑定不上所选的值,解决方法如下:
kafkaTp: [
{ required: true, message: '卡夫卡来源名称(topic)不可以为空', trigger: 'blur' },
{ type: 'string' }
]
第二种情况若Select组件添加了label-in-value属性, 其中value值为11-clear-time, 11为索引, clear-time为kafkaTp的值,但是选择的时候该项就是选择不上,因为kafkaTp的值应该改为clear_time, 不要用'-'符号
更多推荐
已为社区贡献1条内容
所有评论(0)