526互联

antdv Select 默认选中值

发布时间 2023-11-11 17:20:14作者: jiduoduo
<Select
                v-model="form.businesstype"
                @change="handleChange"
              >
                <SelectOption
                  v-for="(item, index) in businesstypeList"
                  :value="item.value"
                  :key="index"
                  :label="item.label"
                >
                  {{ item.label }}
                </SelectOption>
              </Select>

上面的代码，系统并没有报错，但是默认值是没有显示。

看了一下官网的说明文档：

这个意思应该是v-model可以省，但不是value可以省。

 

<Select
                v-model:value="form.businesstype"
                @change="handleChange"
              >
                <SelectOption
                  v-for="(item, index) in businesstypeList"
                  :value="item.value"
                  :key="index"
                  :label="item.label"
                >
                  {{ item.label }}
                </SelectOption>
              </Select>

这样就显示出来了。