【问题标题】:vuetify select or combobox bind itemvuetify 选择或组合框绑定项
【发布时间】:2018-07-03 15:44:51
【问题描述】:

我有一个对象列表:

var itens = 
[ {
    name: 'a',
    id: 1
},
{
    name: 'b',
    id: 2
},{
    name: 'c',
    id: 3
}
]

所以我在选择中显示:

<v-select
  :items="itens"
  v-model="selectedItem"
  item-text="name"
  label="Cartório"
  single-line
  ></v-select>

所以在我的this.selectedItem 中有名称,但我想绑定整个对象{id and name} 这可能吗?

【问题讨论】:

    标签: vue.js vuetify.js


    【解决方案1】:

    是的,这是可能的。

    你必须使用v-selectreturn-object道具

    像这样:

    <v-select
      :items="items"
      v-model="selectedItem"
      item-text="name"
      label="Cartório"
      single-line
      return-object
      />
    

    CodePen

    Vuetify Doc about return-obejct in v-select

    【讨论】:

    • 有没有办法在您提供 return-object 属性时,仅使用 id 值设置下拉列表的选定项。现在它需要整个对象作为输入
    • 评论中的anwser有点短,但是你可以,在你的items上使用ìndexOf,然后用items[index]设置selectedItem
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-16
    • 2020-05-23
    • 1970-01-01
    • 2012-06-26
    • 1970-01-01
    相关资源
    最近更新 更多