问题标签 [vue-select]

我继承了一个 vuejs 项目。使用屏幕阅读器作为辅助设备的人抱怨他们的屏幕阅读器无法阅读由vue-search-select. 以下是重现该问题的方法：

1. 安装屏幕阅读器，例如 NVDA。
2. 打开 NVDA 屏幕阅读器。
3. 转到https://vue-search-select.netlify.app/#/model
4. 跳到搜索文本字段。
5. 确认结果下拉菜单出现。
6. 按向下箭头键可关注任何搜索结果项。
7. 确认 NVDA 说出“空白”一词，而不是实际读出所选项目的内容。

这是一个 10 秒的剪辑，演示了第 3 步（共 7 步）。

https://www.youtube.com/watch?v=Nxx1k1oKETI

您如何修改vue-search-select，以便在步骤 7 中，屏幕阅读器将读出所选项目的内容，而不是读出单词“Blank”？

现在，作为一个临时解决方案，我正在尝试编写一个setTimeout函数，该函数将自动添加适当的元数据以强制屏幕阅读器读出内容。但我不确定这种方法会有多成功。我更喜欢一种习惯于vue-search-select.

我尝试像这样添加 customAttr ：

尽管属性确实出现在我的开发者控制台的检查器中，但我的屏幕阅读器仍然没有读出选项。

我安装了带有 vue-cli 和 typescript 的全新 Vue 3。一切都在运行，但是当我添加https://vue-select.org/包时，我在浏览器控制台上收到此错误

简单的例子

我正在使用带有分页和可搜索选项的 vue-select。当我点击选项而不搜索时，标签道具（用户看到的）显示正确的文本。

但是，当我搜索时，标签道具会显示值（我正在保存）而不是指定的文本。

如何让 v-select 在搜索时显示“文本”而不​​是 code.value？

我有一个带有 Vue-select 的组件。在这个组件中，我想动态使用默认过滤器或我的自定义过滤器与 Fuse。

这是我的组件：

当 prop 为 false 时，我想使用默认过滤器useFilter，但我不知道在我的defaultSearch()方法中应该做什么。

我试着做：

但我在控制台中得到了这个：

请问有人可以帮助我吗？谢谢！

所以我正在使用 Vue 3，我想使用 Vue Next Select 因为它适用于 vue 3，我遵循此文档：https ://iendeavor.github.io/vue-next-select/#npm-yarn 但在我的 app.js，我执行“从 'vue-next-select' 导入 VueNextSelect”，并且 'vue-next-select' 带有下划线的消息：“模块未导入”

这是我的 package.json 和我的 app.js ：

所以当我继续我的项目时，我有这个错误：“VueNextSelect is not defined”因为它似乎没有被导入，但我不知道为什么。

欢迎任何帮助或建议，感谢您的时间

编辑：我尝试删除 node_modules 和 package.lock.json 并重新运行 npm install，但仍然相同

所以我在 Laravel 8 和 Vue 3 中有一个项目。在我的 StudentComponent 上，我有一个创建学生的表单，我有一个 vue-select 下拉菜单，当我点击它时，我可以填写我的输入字段：

在同一个组件上，我还有一个 Card/ 表，在其中我有输入字段和单选输入，当我选择我的学生时，我想自动填充它们：

Progression Axis 列上的输入字段的内容在一个表上，而评估列上的单选按钮在另一个表上，让我向您展示我的数据库：

所以你可以看到我已经从我的用户表中检索了数据，但我想从这个用户那里获得进展，然后是标准，然后是主题。我已经尝试了一些 SQL 请求，它可以包含所有内容但没有成功。

让我给你看我的代码：`public function getTrainees() { $sessionName = Session::get('sessionName');

这是我在控制器中的请求，但是有了这个请求，我为用户提供了所有进展，但我无法正确使用它。

这是我的 StudentComponent ：

任何提示或部分答案都非常感谢，感谢您的宝贵时间。

如果我没有提供足够的代码，请告诉我，我会尽力为您提供所需的

This is the library that I'm using.

vue-select

And I have this kind of data

I expect to see "AAA" selected.

But instead I see "1" text.

What is wrong?

我想null在没有选择任何内容而不是"". 使用reduce下面的函数它仍然返回""。请注意，如果选择了某些内容，则它需要返回对象，但其中仅包含id字段。

我在我的项目中使用vue-select

当我使用 value 并输入替代 v-model

角色类别

改变角色（）

我使用甜蜜警报

选择后的下拉菜单未关闭

如何以编程方式关闭下拉菜单

尝试添加vue-select到我的 vue 应用程序中，我有以下代码：

选项如下所示：

现在我想通过元数据搜索一个选项，以便例如输入字符串sky选项canada被选中。

这是可能的，如果，如何？