我无法理解如何在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返回),但是我无法使它正常工作。
谢谢!