问题标签 [v-select]

我是 vue 2.5 的新手，当用户单击 v-select 时遇到问题我可以动态输入，但我的问题是当页面加载时（最初）我想隐藏输入，即只有当用户单击 v- 时输入才可见选择任何选项

第二个问题是我将如何获得变化函数的动态输入值，因为 v-model 不适用于动态输入

伙计们，我是 Vue 的新手，我找到了很多解决方案，但它们似乎都不适用于我的情况。我正在使用 Vue-select (sagalbot) 下面是我的代码这里是我的代码

我如何将 v-select 的选定选项传递给创建的输入

我有一个场景，我已经确定了一个表单的范围，以便我可以使用Vee-Validate使用下面的方法对其进行验证。

即使我在表单中添加了Vue 选择组件“范围”属性，它也始终为空。但是，它在范围之外工作正常。

我的 HTML && js 文件有些像

我在我的项目中使用 Vuetify。当我通过 v-select 插入一些数据时，它工作正常。同样，当我编辑也可以使用的数据时。唯一的问题是当我点击编辑时我看不到选定的元素。

这是我的代码

注意：如果我使用 {{customer.rating}} 它会给出这样的输出

如果我选择一个不同的元素，它会在数据库上完全改变。所以一切都很好。唯一的要求是我想在单击编辑时将此值Bad显示为选定元素。

这是我的项目文件的完整代码https://github.com/Shakilzaman87/pukucrm/blob/master/src/components/customers/EditCustomer.vue

提前致谢

我在我的项目中使用 Vuetify。当我通过 v-select 插入一些数据时，它工作正常。同样，当我编辑也可以使用的数据时。唯一的问题是当我点击编辑时我看不到选定的元素。

这是我的代码

注意：如果我使用 {{customer.rating}} 它会给出这样的输出

如果我选择一个不同的元素，它会在数据库上完全改变。所以一切都很好。唯一的要求是我想在单击编辑时将此值 Bad 显示为选定元素。

这是我的项目文件的完整代码 https://github.com/Shakilzaman87/pukucrm/blob/master/src/components/customers/EditCustomer.vue

提前致谢

选择组件显示在表格下方，而不是上方。怎么修？同时保持表响应。这个问题在移动设备上更严重。
https://codepen.io/anon/pen/wXgbPr

我目前正在研究 Vuetify，尝试Vue.js使用 HTML 从 v-select 调用一个方法。但是@change 事件没有正确选择条件。

我的 Javascript 函数

因此，当我使用更改并单击委员会时，它会在网格中显示 businessArea 数据，反之亦然。试图弄清楚 v-select 的索引是如何工作的。

我有一组选择，但希望它们都以不同的方式与 v-model 一起工作，而无需为它们创建单独的数据属性。

在示例中，选择 1 和选择 2 是一个组，选择 3 和选择 4 是另一个组。当一个选择选择1时，预期的行为应该是，它不会影响选择2等。

我的猜测可能是这个的计算属性？但无法理解正确的实施

Js小提琴：https ://jsfiddle.net/uxn501h2/8/

代码片段：

我<template slot="option" slot-scope="option">在 v-select 中使用了自定义标签。在这里，一切正常。The custom label is working fine when the options are opened as shown in the screenshot here: http://prntscr.com/kluu7p but the custom label is not working for selected option or when the select is closed: http://prntscr. com/克鲁迪。这是我在 v-select 中使用自定义模板的片段：

我想知道当项目已绑定到 v-select 并且它与项目值值分开时，如何轻松访问 v-select 的项目文本值？我希望将 item-value 值保存到我的 v-model 中，然后通过 on change 事件传递 item-text 值，如下所示：

如果我对 v-select 加上一个 ref 然后通过以下方式访问它，我可以获得该值：

但是当数据在 v-select 本身中时，这似乎有点冗长。如果有人知道这样做的更简单方法，我很想听听！

谢谢！