问题标签 [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.
javascript - 如何使用方法更改选定的 v-select 项目?
我正在尝试在脚本部分的方法中设置我的 v-select 组件的选定值。这些是代码部分:
和脚本的一部分:
我试过不同的版本,比如
但没有任何工作。
vue.js - 如何为 v-select 组件从子级传递值到父级
我确信我只是忽略了显而易见的事情,但是我在这个方面遇到了一些麻烦:具有一个 v-select 控件并将所选值传递给父级的简单组件。我的代码:
//儿童控制
//父母
我不知道还有什么可以尝试的;有人可以帮助我吗?
提前谢谢了!
N。
background-color - Vuetify:如何在 v-select 组件中指定所选项目的背景颜色
我在 Vue 应用程序中有一个 v-select 小部件(组合框/选择)。当我打开它并将鼠标悬停在一个选项上时,该选项的背景颜色会突出显示(当前为浅灰色)。当鼠标箭头悬停在选项上时,我希望背景颜色具有不同的颜色。我看不到支持此功能的 v-select 小部件的属性。有没有办法做到这一点?
vue.js - 如何使用棱镜组字段作为 vuetify v-select 元素中的项目?
我在 prismic 中创建了一个字段组(question_topics),其中有一个键文本字段(主题),用于添加我需要的尽可能多的主题。我已经能够成功地将内容放到我的网站上,但我不知道如何在 v-select 元素的 :items 属性中获取字段数据。
通常对于组字段,我在循环每个字段以呈现数据以执行此类操作的情况下使用它们...
但现在我正在尝试做这样的事情......
但是这样做会用 [object OBJECT] 为我输入到仪表板的每个字段填充 v-select 字段,而不是实际的字段值。
这根本不会创建任何数据。
我可以只渲染字段 {{fields.question_topics}} 并得到这个数组:
有谁能够解释如何将这些主题值放入 v-select 元素 :items 道具中?
vue.js - Vuetify 从选择中创建变量
我在 vuetify 中有一个下拉列表,我想从中将选定的选项保存为变量。我想将选项保存为变量的原因是因为稍后我将使用它们来填充 highcharts 图表。因此,例如,如果选择了前两个城市,我希望保存两个变量。如果只有一个,那么只有一个被保存。我一直在尝试阅读如何做到这一点,但没有任何成功。我知道我可以{{selected}}
用来显示选择的内容,但不能显示如何保存。
编辑:
下面的示例显示了两个组件。第一个是进行选择并填充图表的组件。第二个有将要使用的图表。
正如另一位用户指出的那样,有几种方法可以做到这一点。理想情况下,我希望用户必须选择 1 个城市,按下按钮并生成图表。
图表代码
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]。显然,我希望这些成为每个主题字段的文本,但我不知道采取什么方法,并且到目前为止我尝试过的任何方法都没有取得任何成功。有谁知道解决方案?
vue.js - Vuetify 中的 VSelect 在 DOM 中显示空注释而不是渲染
我已将 vuetify 添加到我的项目中。v-file-input 或 v-text-field 之类的组件可以正常工作。但是, v-select 没有出现。相反,在 DOM 中有。
在添加 vuetify 之前,我尝试了 Vue-select,但我不喜欢它并完全卸载了该包。Vue-select 使用与 v-select 相同的组件名称,不确定这是否会导致冲突。
我搜索了示例 v-select 用法并找到了这个 codepen.io /DeFrank/pen/BdJyXX
同样,它显示而不是输出所需的结果
vue.js - 为什么选择 Vuetify组件不显示我的数据
我使用,我想在组件Vuetify
中显示一个数据数组。<v-select>
在我的真实应用程序中,我使用async
数据。我的应用程序在我的本地服务器和测试服务器中工作,但是当我在其他应用程序(在工作数字环境中)部署时,组件不再工作。
我想这是因为数据是async
,我试图修改数据。我尝试使用本地数据,但<v-select>
不适用于本地数据。我的代码:
...并且 vuetify 显示“无可用数据”。
谢谢你的帮助!
vue.js - 删除 vue-select 上的动画?
我需要从 vue-select 中删除完全默认的动画。
怎么做?我试图用我自己的替换框中的样式,但我没有得到结果..