问题标签 [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.
vue.js - 如何将值从 v-select 传递给方法 - 它始终与默认值相同
我有一个函数,我想使用 v-select 在我的 Vue 应用程序中传递一个值。v-select 是从数据数组“章节”中填充的。然后我想使用选定的 id 传递给函数。
我的数据返回中有一个空数据变量“chapterIdFilter”,其值设置为 1 - 这会预过滤我的 vuetify 数据表
如何将 id - chapterIdFilter - 从我的 v-select 下拉列表传递到我的方法中的函数,以便我可以用它过滤表?chapterIdFilter 始终为“1”
方法:
更新:
所以下面的代码可以按需要工作,但我不确定它应该或知道为什么
vuetify.js - 如何更改 v-select 活动项目的背景颜色和文本颜色
您能帮忙更改 v-select 活动项目文本颜色和背景颜色吗?我尝试使用 item-color 属性更改文本和背景两者。如何更改不同颜色的文本和背景颜色?
vue.js - 如何使用 v-select 获取单个值而不是对象
我正在尝试使用以下代码在 v-select 自动完成中绑定对象列表
itemsAutoAssign 有这样的结构
但改变值后,params.requester_id
值是一个对象。我只需要 id 而不是整个对象。我可以更改提交按钮中的值,但我需要一个最佳实践和真正的方法。
javascript - Vuetify v-select 不支持键盘 tab 键
我有下面的表格供用户使用。这里的问题是,当我在 first_name 字段上并按键盘上的 tab 键时,它会将我带到 last_name 字段。当我在 last_name 字段上按 Tab 键时,它会跳过 city 字段并直接转到 phone_number 字段。我必须单击城市字段才能选择城市。Tab 键不会带我进入 v-select。我正在使用 vuetify 2.3.10 版。我无法解决这个问题。知道如何解决这个问题吗?
vue.js - Vuetify 组合框项目模板未使用 vuex 更新
我正在使用带有项目和选择槽的 Vuetify 组合框。当我选中取消选中项目时,我的 vuex 商店正在更新。但是,如果我从商店中删除其中一个选定的项目,那么选择槽会更新,但项目槽不会。
下面是代码笔。我错过了什么?
html - V-选择多个自定义文本
我正在尝试使用多个复选框填充 vuetify 1.5 中的 v-select 组件,然后问题是<template slot='item' slot-scope='{ item }'></template>
从它添加时不会显示复选框,但没有它也可以正常工作。知道为什么会这样吗?
代码
vue.js - Vuetify - 如何在自定义文本时包含复选框以进行 v-select
如何在自定义文本时从 v-select 添加复选框而不覆盖multiple
.
vuetify.js - Vuetify v-select - 为多选设置默认值
我正在尝试设置 v-select 组件的默认值。目前它似乎只是将其设置为第一个值。在我们的应用程序中,我们允许用户选择从 API 中提取的选项。我们面临的问题是使用标准的 v-select 选项太多。因此,我创建了一种使用 v-datatable 来选择选项的方法:
然而,选择后,我的 v-select 只显示我检查的第一项,而不是其余的:
这是 selectValue 和 selectItems 方法:
但是,这似乎只是将默认值设置为第一项:
如果我使用 vue 工具,我可以看到设置了初始值和惰性值:
但是 selectedItems 不正确。我在这里错过了什么吗?我认为设置 v-model 可以解决这个问题!谢谢