问题标签 [v-select]

我看到了一些关于 v-select 和 slot 的文档，但我真的不明白我是否可以将它应用于我的示例codepen。

我只需要获取选定的文本（而不是值），并在代码中的某处使用它：

我正在循环中生成 v-select，它工作正常。

我面临的唯一问题是，一旦我选择了某个值，就会发生一些操作，但之后我无法将下拉值重置为默认值或第一个值。

v-select 继续显示我选择的值并且不会被重置。我想手动重置它。

例如，如果我在下拉列表中选择“反馈”，那么在执行该功能后，它应该重置为“选择”

我的代码：

获取项目函数：

数据函数中的 CompleteItems

采取行动功能：

我正在尝试根据我的需要通过实施 axios 来使用我的 api 来调整 vuetify 网站本身的示例数据表。GET AND DELETE方法运行良好，但是我对 POST AND PUT 方法很困惑，我使用 2 个模型作为客户端，并且与流派的关系遵循部分代码：

打开模态添加项目时，只有在打开选择并修改流派时，甚至在保存之前就已经出现此错误，如图所示：

点击保存时只保存在前面，更新页面时记录消失，有人可以给我一个灯吗？

更新编辑。

经过一些更改，我认为我更接近解决方案，但我遇到了以下障碍，保存客户端项目时，性别存储为空。

console.log 和保存在前端但在数据库中性别为空的项目

文件 DataTable.vue：

请有人帮助我吗？

我正在尝试在 v-select 中设置多个文本项。目前这是我的 v-select，它与一个：item-text 一起工作。但我需要显示两个字段。所以我正在检查文档并尝试使用插槽。

但是当我这样做时：

必须重新实现 v-select 的默认行为。（芯片，在多选时显示复选框......

还有另一种方法吗？没有复制默认行为并且有重复的代码来完成这个简单的任务？

提前致谢。对不起初学者的问题。

我正在制作一个表单，其中包含带有长字符串项目的 v-select 控件，例如

• 要显示的长字符串项目 Head

• 显示手的长字符串项目

等等。

v-select 控件将使用手机显示，因此用户应阅读每个项目，而不是以下内容

• 长字符串项目...
• 长字符串项目...

是否可以选择将完整的项目文本显示到列表项中？

代码笔

以下是一些屏幕截图：

我有一个带有 v-select 的下拉菜单

来自 API 的数据，例如

在下拉项目中将 [object object] 固定为固定吗？我想获得按公司名称分组的下拉列表。

这是我想做的

这是codepen链接https://codepen.io/yurenlimbu/pen/bGVKGEa?editors=1011

为什么我的选择框和它的可选内容之间有这么大的距离？

我在 Laravel 7 的 VueJS 组件中使用 Vuetify。

=== 编辑 ===

Vuetify 变量的加载方式如下：

resources/sass/app.scss

我正在使用 Vuetify v-select 组件：https ://vuetifyjs.com/en/components/selects/

我想用这样的图像进行选择：

但是我在文档中没有找到任何东西

我是 vuetify 的新手，我被困在如何正确使用 v-select 上。我将选择值从 API 拉到名为 FormatTypes 的存储中，如下所示：

我的 v 选择：

我已经使用了 item-text/item-value 道具，但我仍然在显示中获得“object Object”。

我一直在努力寻找如何控制 v-autocomplete 的问题，但仍然没有找到好的答案。我正在尝试使用 v-autocomplete 进行多个城市选择，并尝试限制用户最多选择 5 个。我希望它会阻止用户添加更多选择。目前，计数器只变成红色，但仍然允许用户在超过 5 时添加更多。有没有任何道具或功能可以让我这样做？我在某处遇到了描述，它说我必须使用其他验证 API，但我在任何地方都没有找到任何示例。

此外，选项之一是前 5 名城市。我想将其视为被选中的 5 个城市。有没有办法将此选项的计数提高到 5？并且，当剩余计数器小于 5 时禁用 Top 5 选项？谢谢，

我的示例代码在这里。https://codepen.io/OpPen/pen/LYpJppa

非常感谢。