问题标签 [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 投票
3 回答
8466 浏览

javascript - 如何使用方法更改选定的 v-select 项目?

我正在尝试在脚本部分的方法中设置我的 v-select 组件的选定值。这些是代码部分:

和脚本的一部分:

我试过不同的版本,比如

但没有任何工作。

0 投票
1 回答
409 浏览

vue.js - v-select 验证在 Internet Explorer 11 中不起作用

美好的一天,我怎样才能使 v-select 验证在 IE 11 上工作?我require('es6-promise').polyfill();在我的 vue 脚本中添加,但直到我遇到错误无法生成渲染函数。

在此处输入图像描述

0 投票
3 回答
3014 浏览

vue.js - 如何为 v-select 组件从子级传递值到父级

我确信我只是忽略了显而易见的事情,但是我在这个方面遇到了一些麻烦:具有一个 v-select 控件并将所选值传递给父级的简单组件。我的代码:

//儿童控制

//父母

我不知道还有什么可以尝试的;有人可以帮助我吗?

提前谢谢了!

N。

0 投票
6 回答
14872 浏览

background-color - Vuetify:如何在 v-select 组件中指定所选项目的背景颜色

我在 Vue 应用程序中有一个 v-select 小部件(组合框/选择)。当我打开它并将鼠标悬停在一个选项上时,该选项的背景颜色会突出显示(当前为浅灰色)。当鼠标箭头悬停在选项上时,我希望背景颜色具有不同的颜色。我看不到支持此功能的 v-select 小部件的属性。有没有办法做到这一点?

0 投票
1 回答
127 浏览

vue.js - 如何使用棱镜组字段作为 vuetify v-select 元素中的项目?

我在 prismic 中创建了一个字段组(question_topics),其中有一个键文本字段(主题),用于添加我需要的尽可能多的主题。我已经能够成功地将内容放到我的网站上,但我不知道如何在 v-select 元素的 :items 属性中获取字段数据。

通常对于组字段,我在循环每个字段以呈现数据以执行此类操作的情况下使用它们...

但现在我正在尝试做这样的事情......

但是这样做会用 [object OBJECT] 为我输入到仪表板的每个字段填充 v-select 字段,而不是实际的字段值。

这根本不会创建任何数据。

我可以只渲染字段 {{fields.question_topics}} 并得到这个数组:

有谁能够解释如何将这些主题值放入 v-select 元素 :items 道具中?

0 投票
1 回答
86 浏览

vue.js - Vuetify 从选择中创建变量

我在 vuetify 中有一个下拉列表,我想从中将选定的选项保存为变量。我想将选项保存为变量的原因是因为稍后我将使用它们来填充 highcharts 图表。因此,例如,如果选择了前两个城市,我希望保存两个变量。如果只有一个,那么只有一个被保存。我一直在尝试阅读如何做到这一点,但没有任何成功。我知道我可以{{selected}}用来显示选择的内容,但不能显示如何保存。

编辑:

下面的示例显示了两个组件。第一个是进行选择并填充图表的组件。第二个有将要使用的图表。

正如另一位用户指出的那样,有几种方法可以做到这一点。理想情况下,我希望用户必须选择 1 个城市,按下按钮并生成图表。

图表代码

0 投票
1 回答
43 浏览

vue.js - 将棱镜字段放入数组中以用于 v-select :items prop 用于 vuetify 项目?

我需要将一些棱镜字段放入 v-select 元素的 :items 道具中,但我还没有找到一种有效地做到这一点的方法。我不确定是否需要使用不同的字段类型来完成此操作,但此时我正在尝试呈现组字段(API ID 'question_topics')中的关键文本字段(API ID 'topic') .

我使用 getContent 方法通过以下方式检索字段:

我已经将它们转换为数据:

然后在我的标记中,我可以渲染出数据:

如果我将 fields.question_topics 放在我的 v-select 元素的 :items 属性中,它只会为我拥有的每个主题字段重复 [object Object]。显然,我希望这些成为每个主题字段的文本,但我不知道采取什么方法,并且到目前为止我尝试过的任何方法都没有取得任何成功。有谁知道解决方案?

0 投票
1 回答
256 浏览

vue.js - Vuetify 中的 VSelect 在 DOM 中显示空注释而不是渲染

我已将 vuetify 添加到我的项目中。v-file-input 或 v-text-field 之类的组件可以正常工作。但是, v-select 没有出现。相反,在 DOM 中有。

http://prntscr.com/p9pmzk

在添加 vuetify 之前,我尝试了 Vue-select,但我不喜欢它并完全卸载了该包。Vue-select 使用与 v-select 相同的组件名称,不确定这是否会导致冲突。

我搜索了示例 v-select 用法并找到了这个 codepen.io /DeFrank/pen/BdJyXX

同样,它显示而不是输出所需的结果

0 投票
0 回答
1529 浏览

vue.js - 为什么选择 Vuetify组件不显示我的数据

我使用,我想在组件Vuetify中显示一个数据数组。<v-select>在我的真实应用程序中,我使用async数据。我的应用程序在我的本地服务器和测试服务器中工作,但是当我在其他应用程序(在工作数字环境中)部署时,组件不再工作。

我想这是因为数据是async,我试图修改数据。我尝试使用本地数据,但<v-select>不适用于本地数据。我的代码:

...并且 vuetify 显示“无可用数据”。

v-select 组件截图

谢谢你的帮助!

0 投票
1 回答
172 浏览

vue.js - 删除 vue-select 上的动画?

我需要从 vue-select 中删除完全默认的动画。

怎么做?我试图用我自己的替换框中的样式,但我没有得到结果..