vue-select 库设置默认值无法正常工作

Question

这是我正在使用的库。

我有这样的数据

[
    { text: "AAA", value: 1 },
    { text: "BBB", value: 2 },
]

<v-select
    id="modal-job_type"
    :value="1" // v-model also doesnt work for me
    item-value="value"
    name="job_type"
    :options="jobTypeOptions"
    label="text"
/>

我希望看到“AAA”被选中。

但是我看到的是“1”文本。

怎么了？

Answer 1

我猜你需要为 v-model 设置一个选项值，而不是索引。（虽然，我找不到官方文档中明确说明的页面。）

看起来像；

const options = [
    { text: "AAA", value: 1 },
    { text: "BBB", value: 2 },
]
const selected = ref(options[1]) // Setting initial value

<v-select
    v-model="selected"
    label="text"
/>

此外，Vue Select 没有 item-value 属性。看来您对 Vuetify 的 v-select 感到困惑。 https://vuetifyjs.com/en/api/v-select/#props-item-value

vue-select 库设置默认值无法正常工作

vue-select library set default value not working properly

javascript

vue.js

vue-select