第一种情况则是因为类型造成的

<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, 不要用'-'符号

Logo

Kafka开源项目指南提供详尽教程,助开发者掌握其架构、配置和使用,实现高效数据流管理和实时处理。它高性能、可扩展,适合日志收集和实时数据处理,通过持久化保障数据安全,是企业大数据生态系统的核心。

更多推荐