相关疑难解决方法(0)

Vuejs Vuetify如何在v-select中访问对象的属性

我的用例.

  1. 我从后端api获得了一系列对象.
  2. 我想渲染这些对象 v-select

这是我的代码.

<v-select
  :items="categories"
  name="category"
  label="Select a category"
  v-model="category"
  v-validate="'required'">
</v-select>
Run Code Online (Sandbox Code Playgroud)

但它给了我输出.

在此输入图像描述

但我希望对象名称属性显示在 v-select

我们会在vanilla Vue.js中这样做

<li v-for="cat in categories" :key="cat.name">{{cat.name}}</li>
Run Code Online (Sandbox Code Playgroud)

但是这里有了vuetify,我们不能这样做.

:items="categories.name"
Run Code Online (Sandbox Code Playgroud)

Vuetify文档

可以是对象数组或字符串数​​组.使用对象时,将查找文本和值字段.这可以使用item-text和item-value props进行更改.

他们实际上的意思item-textitem-value 我如何做到这一点使用item-text

任何帮助都要提前感谢.

vue.js vuejs2 vuetify.js

9
推荐指数
3
解决办法
1万
查看次数

标签 统计

vue.js ×1

vuejs2 ×1

vuetify.js ×1