小编Jam*_*mes的帖子

Vuetify 数据表获取所选项目

我有一个带有 Show-select 的 v-data-table,我想获取我选择的项目的数据,至少在检查时提醒第一列值。我到处寻找。我找不到我的问题的答案。

<div id="app">
  <v-app id="inspire">
    <v-data-table
      :value="selected"
      @input="enterSelect($event)"
      :items-per-page="itemsPerPage"
      :headers="headers"
      :items="desserts"
      item-key="name"
      show-select
      class="elevation-1"
    >
    </v-data-table>
    <v-dialog>
      <v-card>
      </v-card>
    </v-dialog>
  </v-app>
</div>
Run Code Online (Sandbox Code Playgroud)

js

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  methods: {
    enterSelect(values) {
      if (values.length == this.itemsPerPage) {
        alert('selected all')
      }
    }
  },
  data () {
    return {
      selected: [],
      itemsPerPage: 10,
      headers: [
        {
          text: 'Dessert (100g serving)',
          align: 'left',
          sortable: false,
          value: 'name',
        },
        { text: 'Calories', value: 'calories' },
        { text: 'Fat (g)', …
Run Code Online (Sandbox Code Playgroud)

vue.js vuetify.js v-data-table

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

v-data-table ×1

vue.js ×1

vuetify.js ×1