从数据表中获取所选项目

时间:2018-02-12 09:30:56

标签: vue.js vuejs2 vue-component vuetify.js

我有一个数据表,其中包含列数。其中一些是 v-text-field v-select 当我从下拉列表中选择一个值为我的v-select时,该值不会出现在this.selected中,这是一个选定的数组:[]

我做的是这样的: -

 <v-data-table
   v-model="selected"
   v-bind:headers="headers"
   v-bind:items="Data"
   select-all
   v-bind:search="search"
   v-bind:pagination.sync="pagination"              
   class="elevation-1"
          > 

我有一个名为save的按钮,点击后,我想保存值,但是保存所选值而不是所有数据值

我尝试打印console.log(this.selected);但是它给了我空数组而不是表格的选定值

当我喜欢以下时,它会自动为所有下拉菜单选择所有条目,当我只选择一个条目时

    <v-data-table 
   v-bind:headers="headers"
   v-bind:items="Data"
   select-all
   v-bind:search="search"
   v-bind:pagination.sync="pagination"              
   class="elevation-1"
          > 

<td class="text-xs-left">
  <v-select
   v-bind:items="name" 
    v-model="selected"                          
    label="Select"                              
    single-line
      bottom>
   </v-select>

0 个答案:

没有答案