问题标签 [vue-select]

我正在使用带有 nuxt.js 的 buefy 自动完成组件。我已经导入了 CSS 文件。并且 CSS 在本地主机上正常工作，但在实时服务器上不工作。我认为问题可能出在 buefy 上，但我在使用 vue-select 自动完成时遇到了同样的问题。

本地服务器上的一切都很完美，但是当我将文件移动到实时服务器并num run build注意 buefy 和 vue-select 的工作时。

注意：所有 CSS 的其余部分都可以正常工作

本地主机

生产

而且它不仅是自动完成组件，没有任何 buefy 组件在工作，单选按钮，日历等。

一点指导将不胜感激。谢谢

我有一个标签相同但值不同的选项数组。但是 vue-select 只允许选择一个选项。

根据上面的片段，我想同时选择这两个选项，但我只能选择其中一个。我尝试reduce了基于 的 prop id，但它只过滤了选定的值。

如何实现？（参考）

https://codepen.io/aniket_777/pen/QWweZbE

我正在尝试创建一个简单的 vueJs 项目，并在 webpack/babel 的帮助下编译它。但是，在运行npm run dev编译项目并启动 vue 服务器时，我发现 Select.vue 模板的编译失败（安装 vue-strap 时安装的 Select.vue），下面是确切的错误正在我的本地端口上加载：

我还附加了我的 main.js 和 App.vue 文件，我在其中调用了 Select.vue 组件：

主.js：

应用程序.vue

我想知道为什么我会收到这个错误。我最初在另一个项目中也遇到了这个错误，但是让它过去了，因为我认为这可能是由于我在那里使用的旧版本的依赖项造成的。但是在这个项目中，我使用的是最新的，它仍然没有编译。此外，页眉和页脚工作正常，没有问题。任何帮助表示赞赏。谢谢。

我有以下问题：无法更新我的选择框的选定值。当我尝试选择或删除选项时没有任何反应。

这是给我带来麻烦的代码：

谢谢你们的帮助！

我正在使用 vue-select。当我加载表单时，未选择下拉列表中的项目。当我打开下拉列表时，选择了第一项：

当我选择一个项目并重新打开下拉菜单时，该项目被选中（如预期的那样）

我必须做什么才能第一次选择该项目？

我正在使用 vue 选择。在下拉列表中，有标签（不仅是文本）。是否也可以有所选值的标签？

这有点奇怪。

在我的本地开发环境中，这可以完美运行，但是一旦我使用登台或实时服务器 - 事情就不会那么顺利了。

我正在使用 Vue.js 的https://vue-select.org/组件来根据用户输入提取选项。更改选择的TextArea时，我将汇总该方法，然后将字符串发射到API，然后撤回相对于用户输入的任何结果。然后将其填充到选择动态更新和使用的“选项”数组中。

API 链接是使用我的 .env 文件中的变量指定的。在我使用 Laravel Valet 的本地环境中，这可以正常工作。

当站点切换到实时服务器时，事情变得有趣起来。当我尝试在选择字段中输入一个值时，我得到了这个结果：

Mixed Content: The page at 'https://example.com/cv/1fa2383/edit' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://example.com/api/job_title_names'. This request has been blocked; the content must be served over HTTPS.

现在，您会假设这是因为请求是通过 HTTP 而不是 HTTPS 加载的。这是奇怪的部分。没有硬编码或定义为变量的地方有 HTTP 请求，只有 HTTPS。我已经对此进行了四次测试并重新编写甚至硬编码 HTTPS 链接，但由于某种原因，该组件一直尝试通过 HTTP 加载请求。

这真的很奇怪，因为它试图触发两个请求。一个是 GET，另一个是 POST。POST 是我的 Axios 脚本应该执行的操作，但由于某些未知原因添加了 GET 请求。正如您将在下面看到的，没有为该组件上的 get 请求构建代码。

我对此束手无策。以下是有关我的组件和元素引用的一些信息：

我的环境变量：（ .test 是我的开发 tld）。

1. 测试是我的开发 tld
2. /api/ 是我的大多数 axios 请求都经过的。

我的输入：

我的方法：

计算：

我的组件参考：

1. apiurl是APP_API_URL赋给不同 vue 变量的值。

刀片模板：

使用 Vue 工具，我可以看到所有链接都被正确引用，没有一个链接之前有 HTTP 前缀。

我在本地环境中运行 Nginx，但 Apache 在我的服务器上运行。我不确定这是否有助于诊断？

我为尝试解决此问题而采取的步骤：

• 我已经成功地从 Laravel 方面刷新了所有缓存
• 我已经在 Laravel 中返​​回了变量，并且可以确认它们正确返回。
• 我已经重写了大多数变量以确保它们 100% 正确
• 我检查了包版本，看看是否存在冲突，其中没有。

任何帮助将不胜感激。

谢谢

能否使用 vue-select 将值缩减为具有特定属性的对象？

我正在尝试做这样的事情：

但它在第一个冒号处引发错误。这里的正确语法是什么？

在@vue/cli 4.0.5 应用程序中使用 cypress 我遇到了如何填充 vue-select 组件的问题

在网上搜索我发现这个 How to find element and select by cypress.io with vue.js v-select? 分支，但这里提出的方式不起作用。

有组件定义：

我试图在 cypress test 中添加一行：

并得到错误：

有没有有效的方法？

谢谢！

I cannot seem to find a way to limit the size of the select field when multiple options are selected. 我希望只有在选择字段被聚焦时才能看到选择了哪些选项。有什么办法可以防止所有选项都显示出来吗？如您所见，它在小屏幕上看起来很糟糕，因为字段宽度很小。

桌面

移动的