问题标签 [v-autocomplete]

vuejs 新手。我有一个具有两个数组道具的 vue 组件：国家和国家详细信息

国家 ->['England', 'Germany']

国家详情 -> [ { country: 'England', capital: 'London' } ]

我可以使用国家/地区数组显示下拉列表。

当在 countryDetails 数组（英国）中选择并提供相应的国家时，如何让资本显示在用户可编辑的文本字段中，或者当国家在 countryDetails 数组（德国）中不可用时显示一个空的用户可编辑文本字段

我正在使用 v-autocomplete 组件来列出选择器中的项目。由于 v-autocomplete 只是一个高级 v-select，我认为 v-select 的答案也适用于 v-autocomplete。

在我的列表中，我有不同状态的项目，应该以某种方式标记。所以我想根据项目属性向选项添加一个数据属性。如果我可以添加至少一个不同的类，那也会有所帮助。但是由于我没有任何选项元素来添加这些属性，所以我找不到方法来做到这一点。

我的项目看起来像：

这个想法是根据它们的状态以不同的方式为选择中的选项设置样式。所以我想实现类似：

这可能吗？

我有一个line_items数组，使用v-for. 对于每个line_item对象，我需要一个v-autocomplete用于搜索的元素category。

search-input.sync="searchText"目前，当用户在文本输入框中输入内容时，我正在使用来进行同步搜索。如果只有一个line_item对象，这很有效，但如果有 2 个或更多，searchText更改也会影响所有其他对象line_items。

示例代码：

我正在使用watch组合 API 中的方法来观察searchText如下变化：

我该如何解决这个问题？如果可能的话，我真的很想保持这种.sync行为，以便每当用户输入内容时搜索功能就会触发。蒂亚！

我想更新下拉列表。这是我的下拉菜单

和我的代码。如何更新 this.items [index]。这种方式正确吗？它不会更新 this.items。

我正在使用 vuetify，我想使用“is”指令来加载动态组件。

当我用动态组件加载验证对话框时，问题就发生了。

如果我将“objectcomp”设置如下，我不会收到警告：

但是当动态组件更改为其他时，我需要将此对象重置为 null 或 {}。

我的问题是我在使用 vuetify 自动完成时遇到错误：