问题标签 [vue-select]

在 vue-select vuejs 组件中，如果您在他们的演示页面上看到，您可以从下拉列表中选择多个项目。但是，如果您键入的内容在下拉列表中不可用，那么您只需键入该新文本并按 Enter 键，它将成为一个标签。您可以在他们的演示页面上看到此行为：

https://sagalbot.github.io/vue-select/

但是，我无法做到这一点。我可以从下拉列表中进行选择，但如果我输入新内容，则不会成为标签。我有这个 jsbin 显示我所做的事情。任何帮助表示赞赏。

http://jsbin.com/xoxohenoli/edit?html,js,输出

我的Javascript：

我的 HTML：

我需要一些关于 vue 的帮助。

1. 是否可以在选项属性中调用数据变量？例如，在“价格”属性中，我想将数据变量称为“税”。
2. 以及如何在函数中返回单个选项属性，在我的情况下，函数称为“final”，我尝试返回 this.selected.test，但它不起作用

这是代码：

我正在尝试从 vue-select 获取选定的值，但已经使用了所有方法并搜索了帮助，但这是否可以工作，我也有在页面加载时触发警报

在 laravel 5.6 中导入 vue 包的正确方法是什么？它带有 vue 和 bootstrap 预安装。我看到它们都是在公共目录的 app.js 中编译的，但我可以弄清楚如何导入https://github.com/moreta/vue-search-select并使用它。在我尝试自行导入后：

错误：

在线：

直到现在我试过这个：

资产/js/bootstrap.js：

资产/js/app.js：

组件

我跑了：npm install 和 npm run watch：

I have created select box like this: JS:

Html:

In some watcher of another select box I do this:

Can you help me fix my code please? My goals are:

1. clear dynamically selected value and empty select box, I set to model null but this change is not reflected on selected value in select box
2. also i have another question, I looking for it in documentation (http://sagalbot.github.io/vue-select/docs/), but I din't found it. If I click on selected option, it will be unselected and select box will be clear. I want deny this behavior, and also set to select automatically some option if options array is not null.

Thanks in advice.

我对多个值使用vue-select。这是一个例子：https ://codepen.io/sagalbot/pen/opMGro

我有以下代码：

和 JS：

谢谢！

我正在使用 vue-select，当我从选择列表中选择一个项目时，我想进行点击事件。我试过了，@change="changedValue" @selected="changedLabel"但这对我不起作用。

选择

有谁知道如何触发事件？谢谢

我有问题。无法使用 vue strap select 从选择中获取价值。

我的html代码：

我也试过 :value.sync 除了 v-model 。

我的js代码：

这段代码给了我选择选项，但我无法将它保存到变量值。我的帖子请求是空字符串，就像我的警报没有给我任何东西一样。我的目标是发送值：1、2、4、6 或 0。

我有动态产品列表来创建发票。现在我想从选择->选项列表中搜索产品。我在 vuejs 中找到了类似 Vue-select 的可能解决方案，但我不明白如何转换现有代码以从 Vue-select 中受益。有人可以帮我吗，我应该如何在“选择”中编写代码，以便我可以一次从列表中搜索产品？

我现有的代码是 -

我想将其转换为-

这样，如果我有很多产品，我也可以搜索产品。我的脚本文件是 -

我在我的应用程序中使用 vue-select 并试图阻止在默认值首次加载到 vue-select 输入时触发事件处理程序。

该组件如下所示：

如您所见，我想在用户更改此多选中的值时保存产品。它工作正常，但有一个问题。

选择的值与product.recommended_accessories数据相关联。在应用程序的其他地方，从服务器加载产品，其中包括一个recommended_accessories属性。加载产品然后触发saveProduct被调用，因为 vue-select 设置了输入的预选选项，这显然会触发@input事件。

有没有办法解决？也许我在这里犯了某种设计错误。或者也许我应该使用一个挂钩来绑定事件处理程序，或者设置某种标志，表明产品正在加载并且不应该保存产品。

我只是想避免无缘无故地在产品加载后立即保存产品。