javascript - 选择菜单的默认值

标签 javascript vue.js vuetify.js

我有一个选择菜单,我传递它并像这样对象

color: [
    {value: 0, name:"red"},
    {value: 1, name:"blue"}
    ]

我的选择菜单是:

<v-select
    label="Spectra Interpolation"
    v-model="selectedColor"
    :items="color"
    item-text="name"
    item-value="value"
    return-object
    >
</v-select>

在我的 selectedColor 模型中,我想要选择颜色的整数值 例如,如果我在菜单中选择红色,我希望我的模型中有 0。 如果不使用菜单,我希望有一个默认值 0。 实际上我检索了整个对象。

谢谢

最佳答案

这是因为您在 v-select 上具有“return-object”属性。将其删除为具有“更改选择行为以直接返回对象而不是使用项目值指定的值”

关于javascript - 选择菜单的默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58881709/

相关文章:

javascript - 在 Firefox 中拖放到 contentEditable DIV

javascript - 将 ng-content 传递给子组件

javascript - Express.js net::ERR_CONNECTION_CLOSED

vue.js - 如何解决VueJS组件(TypeScript)中的 "_super.apply is not a function"

vue.js - <v-carousel-item>中的本地镜像渲染不起作用,但在线图像链接有效

javascript - 使用 Apollo 重新获取部分 GraphQL 查询的最佳实践?

javascript - 如何翻译 SVG 及其所有子项

javascript - 防止点击 VuetifyJS 组合框后调用软键盘

javascript - Vuetify 网格系统行管理

javascript - 传递激活器槽