问题标签 [vue-select]

（Laravel）我有：

从“vue-select”导入 vSelect

Vue.component('v-select', vSelect);

我想将其转换为 vue-select，我在刀片中尝试过：

这是用于编辑歌曲信息的 vuejs 组件。这里的问题是标签。我无法在 vue select 中显示歌曲的标签进行编辑。

在这里，我无法获得插入表中的选定值。我想显示一首歌的标记值。我能够从 axios 发布请求中获取所有标记歌曲的对象，但 v-select 不显示从表中检索到的选定值。从 laravel 收到的对象类似于选项中提供的对象，这些对象与 v-select 配合得很好。但它没有显示提供给 v-model 的相同结构对象。或者我应该提供其他道具。vue select 的文档没有提到这些东西

我使用这个 vue-multiselect 插件：https
://vue-multiselect.js.org/ 因为我要多次使用它，所以我想设置一些默认道具。

例如，我希望selectLabelprop 是一个空字符串，并且可能设置一些<slot>s。

在一个典型的 jQuery 插件中，我可以$.plugin.defaults用来设置默认值。如何对 vue 插件做同样的事情？

我的 SPA 中的表单很少，都是通过 ajax 提交的。
这是我使用的模式：
<form @submit.prevent="submit">...</form>
并且submit()会执行类似$(form).serialize, 的操作来发送表单数据。

通常它工作正常，但有一个问题 - 像这样的自定义组件 vue-select：http
: //sagalbot.github.io/vue-select/ 不会工作，因为它不会创建表单字段。所以我必须手动将它添加到表单数据中。这已成为样板代码的来源，我想避免这种情况。

问题：有没有办法让 vue 根据输入的 v-model 自动创建数据成员。因为我不喜欢复制属性名称的想法（在 v-model 和 vue 实例中）。这就是我使用 提交serialize()而不使用 v-model 的原因，因为我更容易创建<input>具有 name 属性的元素。

或者，让组件真正创建一个表单域？
一般来说，有没有更好的方法来处理使用 vue 的表单？（再次，不重复 v-model 和数据成员？）

我的插件 ( vue-select@latest ) 我可以成功地从对象 城市获取数据，但是如何添加值，例如 <span class="selected-tag" value="Moscow" or value="New York">

在此处输入图像描述

我是 Vue js 的新手，我想使用插件 vue-select ，我的问题是我无法添加 value 属性。我的尝试失败了

我从对象城市创建了一个动态组合框：['Moscow', 'Sp', 'Tomsk' , 'Voronezh', 'Novossibirsk'],

我希望组合框中的所有数据都为属性值，例如 value="Moscow"

链接到 codepen 我的 cdn 库

我正在使用 VueJS，或者更准确地说是Bootsrap-Vue (select form type)。在模板中，我有以下代码：

其中对应的数据定义为：

从 UI 中的输出，我们可以看到条件被正确评估（检查项目“15”的条件返回“真”）。选择控件如下所示：

如果我检查 HTML，它看起来像：

但是，我在这里需要的是，能够在加载控件期间将传递的参数放入“ item.select.selected ”以实际显示选择控件中要预选的选项（在页面加载时）。在我尝试的许多选项中，我的选择控件在页面加载时没有被选中。

有什么办法可以做到这一点？

目前我只看到占位符解决方案。我需要一个已经设置并在选择中可见的选项。

我已经调试了 8 个小时，试图找出为什么这个 vue-select 代码不起作用，但仍然没有运气。当我运行它时，它显示一个错误“选项未定义”。我正在使用 npm 将 vue-select 插件安装到我的项目中。我将以下 html 代码放在我的树枝模板中。我确实按照 vue-select 页面上的说明进行操作

这是我的js实现代码的其余部分。

我一直在尝试从我的方法“ itemChange ”中访问我的“选定”数据，但一点运气都没有。 我得到的错误是“ this.selected is undefined ”

我的问题是如何从我的方法访问我的组件数据？

我的组件实现

我的模板

在我上面的模板中，如果我添加v-model="selected"它会显示一个错误“ selected is undefined. ”

我正在使用vue-select插件并将元素动态附加 <li>到选项中。但是，当我点击我的新<li>元素时，下拉菜单会自行关闭。

我的愿望结果，当我的<li>元素被点击时，下拉菜单保持打开状态。

我在我的<li>元素中添加了一个链接并绑定到一个 onclick 事件。但是，当我单击链接时，我的组件方法不会触发。我认为在父下拉菜单中使用了 event.preventDefault() 。

<li>当我的元素链接被点击时，如何绕过或绕过父 preventDefault() 并启动我的方法？

我的组件方法