如何在使用 vuetify 时使用名称属性从 v-select 中获取值答案

【问题标题】：How can I get the value from v-select using a name attribute whilst using vuetify如何在使用 vuetify 时使用名称属性从 v-select 中获取值
【发布时间】：2018-03-01 16:38:54
【问题描述】：

在 vuetify 上使用 v-text-field 时，我可以使用 name 属性并捕获表单输入。但是， v-select 上的 name 属性似乎不起作用。我目前仅在 laravel 应用程序中使用 Vuetify 进行主题化，并且不想使用 v-model。有没有办法解决这个问题，所以我可以从 v-select 获取表单值。

<v-select name="parent_id" 
    :items="{{ json_encode($entries) }}" 
    label="Select Parent" {{ !$errors->has('parent_id') ?'': 'error' }}
    hint="{{ $errors->has('parent_id') ? $errors->first('parent_id') :"" }}" persistent-hint="">
</v-select>

为简洁起见，我没有包含 v-text-field 选项。但是在后端，我可以获取除 parent_id 之外的所有内容，如图所示。

【问题讨论】：

显示你的代码，伙计
不能用v-model吗？
如前所述，我不想使用 v-model，因为表单位于刀片模板中，而且我认为不需要 javascript 代码。我主要使用 vuetify 进行主题化。
您可以创建一个隐藏输入，该输入具有与您的v-select 相同的v-model 名称，因此它将在表单提交时发送。
谢谢整洁。但我认为必须有更好或默认的方法来做到这一点。因为这意味着我必须为我拥有的每个选择创建两个字段。似乎是多余的。

标签： laravel vue.js

【解决方案1】：

v-select 组件有两个 props 一个用于显示，另一个用于 value 项目值,项目文本如果我们有

items =[
{id:1,name:'hi'}
];

我们可以使用<v-select :items="items" item-value="id" item-text="name" />

【讨论】：