首页 > 解决方案 > 如何更改每页列表的行

问题描述

我需要更改此选择选项

在此处输入图像描述

我没有看到任何道具。我该怎么做?

标签: vue.jsnuxt.jsvuetify.js

解决方案


有一个 propsitems可以是对象数组或字符串数​​组。使用对象时,将查找文本、值和禁用键。这可以使用 item-text、item-value 和 item-disabled 属性进行更改。具有标题或分隔符属性的对象被视为特殊情况并生成列表标题或分隔符;这些项目不可选择。

例如你可以这样做

<v-select :items="options" />

options可以在哪里

[ {
  text: string | number | object,
  value: string | number | object,
  disabled: boolean,
  divider: boolean,
  header: string
},
{
  text: string | number | object,
  value: string | number | object,
  disabled: boolean,
  divider: boolean,
  header: string
}]

或者

[ '1', '2','3']

有关更多信息,请查看 https://vuetifyjs.com/en/api/v-select/#props-items


推荐阅读