[Vuejs]-Vuetify v-data-table custom filter for dropdown

by

0👍

To disable certain values to be selected add a disabled property to your items.

var app = new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: {
    items: [{
        id: 0,
        name: 'Accepted'
      },
      {
        id: 1,
        name: ' Rejected',
        disabled: true
      }
    ],
    value: null
  }
})
<link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script>

<div id="app">
  <v-app>
    <v-container>
      Value : {{value}}
      <v-select
          v-model="value"
          label="Status"
          :items="items"
          item-value="id"
          item-text="name"
          return-object
        />
    </v-container>
  </v-app>
</div>

Documentation : props-disabled

Leave a comment