问题标签 [v-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1641 浏览

vue.js - 如何将值从 v-select 传递给方法 - 它始终与默认值相同

我有一个函数,我想使用 v-select 在我的 Vue 应用程序中传递一个值。v-select 是从数据数组“章节”中填充的。然后我想使用选定的 id 传递给函数。

我的数据返回中有一个空数据变量“chapterIdFilter”,其值设置为 1 - 这会预过滤我的 vuetify 数据表

如何将 id - chapterIdFilter - 从我的 v-select 下拉列表传递到我的方法中的函数,以便我可以用它过滤表?chapterIdFilter 始终为“1”

方法:

更新:

所以下面的代码可以按需要工作,但我不确定它应该或知道为什么

0 投票
1 回答
1294 浏览

vue.js - 如何跟踪在 v-select 中选择的项目?

我正在使用 Vuetify 1.5.2 开发一个 vue.js 应用程序。我们有一个像这样的 v-select:

这给了我一个如下所示的下拉菜单:

在此处输入图像描述

我试图将选定的选项传递给处理程序,但我没有得到我选择的特定项目,而是 selectedOptions 中的选定项目数组。实际上,我不知道选择了哪个项目。是否有道具或事件可以帮助我跟踪在 Vuetify 1.5.2 中选择的特定项目?

谢谢

0 投票
0 回答
79 浏览

vuetify.js - 如何更改 v-select 活动项目的背景颜色和文本颜色

您能帮忙更改 v-select 活动项目文本颜色和背景颜色吗?我尝试使用 item-color 属性更改文本和背景两者。如何更改不同颜色的文本和背景颜色?

0 投票
2 回答
62 浏览

vue.js - 如何使用 v-select 获取单个值而不是对象

我正在尝试使用以下代码在 v-select 自动完成中绑定对象列表

itemsAutoAssign 有这样的结构

但改变值后,params.requester_id值是一个对象。我只需要 id 而不是整个对象。我可以更改提交按钮中的值,但我需要一个最佳实践和真正的方法。

0 投票
4 回答
1430 浏览

css - Vuetify:如何在 v-select 中设置所选项目的背景颜色

我有这个 v-select,我想将所选项目的背景颜色更改为“白色”并将文本颜色保持为蓝色

在此处输入图像描述

我试图将item-color属性添加到我的 v-select 中,但它改变了背景和文本颜色,所以我们再也看不到文本了。我也尝试添加这样的范围样式,但它不起作用:(

任何人都可以帮忙吗?

0 投票
2 回答
408 浏览

javascript - Vuetify v-select 不支持键盘 tab 键

我有下面的表格供用户使用。这里的问题是,当我在 first_name 字段上并按键盘上的 tab 键时,它会将我带到 last_name 字段。当我在 last_name 字段上按 Tab 键时,它会跳过 city 字段并直接转到 phone_number 字段。我必须单击城市字段才能选择城市。Tab 键不会带我进入 v-select。我正在使用 vuetify 2.3.10 版。我无法解决这个问题。知道如何解决这个问题吗?

0 投票
1 回答
387 浏览

vue.js - Vuetify 组合框项目模板未使用 vuex 更新

我正在使用带有项目和选择槽的 Vuetify 组合框。当我选中取消选中项目时,我的 vuex 商店正在更新。但是,如果我从商店中删除其中一个选定的项目,那么选择槽会更新,但项目槽不会。

下面是代码笔。我错过了什么?

https://codepen.io/mjchaudhari/pen/xxRVavx?editors=1011

0 投票
2 回答
1227 浏览

html - V-选择多个自定义文本

我正在尝试使用多个复选框填充 vuetify 1.5 中的 v-select 组件,然后问题是<template slot='item' slot-scope='{ item }'></template>从它添加时不会显示复选框,但没有它也可以正常工作。知道为什么会这样吗?

代码

0 投票
2 回答
1168 浏览

vue.js - Vuetify - 如何在自定义文本时包含复选框以进行 v-select

如何在自定义文本时从 v-select 添加复选框而不覆盖multiple.

0 投票
1 回答
206 浏览

vuetify.js - Vuetify v-select - 为多选设置默认值

我正在尝试设置 v-select 组件的默认值。目前它似乎只是将其设置为第一个值。在我们的应用程序中,我们允许用户选择从 API 中提取的选项。我们面临的问题是使用标准的 v-select 选项太多。因此,我创建了一种使用 v-datatable 来选择选项的方法:

在此处输入图像描述

然而,选择后,我的 v-select 只显示我检查的第一项,而不是其余的:

这是 selectValue 和 selectItems 方法:

但是,这似乎只是将默认值设置为第一项:

在此处输入图像描述

如果我使用 vue 工具,我可以看到设置了初始值和惰性值:

在此处输入图像描述

但是 selectedItems 不正确。我在这里错过了什么吗?我认为设置 v-model 可以解决这个问题!谢谢

在此处输入图像描述