问题标签 [vue-multiselect]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vuejs2 - Vue MultiSelect - 如何让用户添加数据列表中不存在的新名称?
我正在使用一个名为Vue-Multiselect的“类型和搜索”插件,让用户能够在数据库中搜索客户名称。如果名称存在于数据库/下拉列表中,他们可以选择该名称,它将自动填充字段。
但是,如果名称不存在,我如何让用户能够在字段中输入新名称?场景:用户想要添加一个数据库中不存在的新名称注意:我确实有一个 ApiService,我将在提交表单时将其发布到。
这是我的模板代码(也可在JSFIDDLE中找到):
脚本:
vue.js - Vue-Multiselect:第一次选择后如何自动填充其余输入字段?
我正在使用Vue-Multiselect插件,想知道当用户从初始下拉列表中选择项目时如何自动填充其他输入字段(customer_firstname
和)?customer_email
场景:如果数据库/下拉列表中存在该名称,则用户可以选择该名称,Vue 将自动填充其余的输入字段(取自options
数组)。否则,如果名称不存在,则用户可以为每个附加输入字段(例如,、)标记/创建新customer_firstname
值customer_email
。
这是我的JSFIDDLE代码,它可以正常工作,只需要帮助连接根据下拉菜单的初始选择自动填充其余输入字段的能力。lastname
Vue模板:
Vue 脚本:
vue.js - Vue-MultiSelect:在选择事件期间似乎无法从对象获取属性
我正在使用Vue-Multiselect插件作为输入下拉框,并在填写表格时尝试获取客户的姓氏。出于某种原因,我只是得到一个object
作为issue.customer_last_name
属性的值(见下面的截图)。我想得到一个 string Doe
,而不是。
有人有想法么 ?我的目标是最终通过提交按钮将此数据(POST 请求)提交到远程 api。
复制问题的代码和框链接: https ://codesandbox.io/s/vue-template-9z1wd ?fontsize=14&module=%2Fsrc%2Fcomponents%2FTest.vue
完整代码:
javascript - Vue 多选插槽插入符号下拉选项显示和隐藏
当下拉选项显示时,我只想将插入符号更改为 chevron up。
先感谢您。
vue.js - 在编辑模式下通过_id跟踪时未选择vue多选
我正在使用 Vue 多选,模型作为类别,选项作为类别列表
在编辑模式下,我的模型可能有以下数据,这些数据应该导致从与模型的 _id 匹配存在的 categoriesList 中选择选项。
任何一个
类别:[{_id:"5ddc465a46a56b19d17e9a15"}],
或者
类别:[“5ddc465a46a56b19d17e9a15”],
vue.js - VueJs - 在 asp.net 核心项目中导入组件
我有 asp.net 核心项目,它使用 vuejs 框架(javascript) 这是页面结构的示例(为简单起见,所有内容都被剥离了)
//索引.cshtml
一切正常(已安装,所有方法等)
我想引入这个外部组件https://vue-multiselect.js.org/,但不能让它工作。有没有人可以将外部组件集成到现有实例中。
javascript - 使用 VuejS 在 v-model 中传递一个对象
我在 vue 多选中遇到了 v-model 的问题。Multiselect 要求将一个对象传递给 v-model 以具有初始选定值,以便它可以将该对象与选项 Object 匹配。这是我的代码示例:
Vue 不接受以这种方式将对象传递给 v-model,我想不出另一种方法来做到这一点。
这是收入对象:
选项:
javascript - Vue MultiSelect 更改指针类显示
我正在尝试找出如何更改 vue-multiselect 的“指针”部分的 html/css,例如https://vue-multiselect.js.org/#sub-props (showPointer)
对于较小的屏幕,文本“Press enter to select”会掩盖该值。因此,我尝试删除文本或创建自己的悬停 html/css。
这是它在大屏幕上的样子。
vuejs2 - Vue-Multiselect 插件:如何安全地删除“添加新”标签功能?
我正在使用一个名为Vue-Multiselect的插件,它在我的应用程序上运行良好。但是,插件中有一个我不想要的功能。我怎样才能安全地删除它?
让我解释一下:CodeSandBox 协作编辑器。 注意:要查看此流程的实际效果,请选择 ACME Widget 旁边的 EDIT,然后在多选输入框中搜索现有用户。
在多选输入框中搜索用户时,如果找到匹配项,则弹出匹配项供用户选择。那很好。但是,当未找到用户时,会有一个占位符文本显示以下内容:Press enter to create a tag
. 如果选项不存在,我不想让我的用户能够创建新的标签/选项。如何从此组件中删除该功能?
这是我的多选组件代码:
vue.js - Vue-MultiSelect:一次使用两个多选以及如何根据其他显示的内容隐藏选项
我正在使用一个名为Vue-MultiSelect的插件,并在我的组件中显示了两次。第一个多选的标签为“添加新联系人”,第二个多选的标签为“当前列出的联系人”。
如果用户已经在“当前列出的联系人”中列出,如何隐藏“添加新联系人”多选下拉列表的用户?
问题截图:
我正在使用道具向用户展示“当前列出的联系人”多选。这是我的单文件组件的代码,这些多选位于其中(也是演示链接:CodeSandBox 代码编辑器)注意:单击 POSTS --> EDIT (Acme Widget) 以查看我正在谈论的页面