vuetify <v-select>-刷新以编程方式选择项目

时间:2020-10-22 23:44:56

标签: vue.js vuetify.js

我无法理解如何在Vue应用程序中有效使用v-select。根据我的测试,当用户进行选择时,UI组件将返回该组件的索引。很好。

            v-model="sel_groupby"
            :items="cb_groupby"
            label="Group By"
            item-text="name"
            item-value="id"
            ></v-select>

sel_groupby,由用户设置后,将返回一个整数索引到cb_groupby对象数组中,该数组包含所选项目的名称和值。很好。

但是,当我想以编程方式设置特定项目时,似乎必须将sel_groupby设置为索引项目。因此,作为输入,它需要与项目具有相同格式的对象,并且在输出中将v模型设置为整数。是的,很奇怪,很不直观,很难想象它背后的代码是如何工作的,但是我们将继续使用它。

问题是,有时sel_groupby不会导致该项显示为所选项。因此,从本质上讲,它并不总是有效。

如果某人有使用v-select的模式,以便用户和(可靠地)从JS都可以同时设置当前项,我将不胜感激。最好只从JS指定索引(例如当用户进行选择时它使用v-model返回),但是我无法使它正常工作。

谢谢!

0 个答案:

没有答案