Prevent specific chips from being removed from combobox

Question

I have these combobox chips but there is a problem deletable-chips<v-comboboxv-model="selectedCategories":items="attributeCategories"item-text="name"item-value="id"label="Category&qu

P粉354948724 · Answer

Instead of using the v-chips built-in deletion method. You can do this by customizing the @click:close event. I created a working demo for you:

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({
    model: [],
    items: [
      {
        text: 'Weather'
      },
      {
        text: 'Geo Location'
      },
      {
        text: 'Device'
      }
    ]
  }),
  methods: {
    remove (itemText) {
      if (itemText === 'Device') {
        return;
      } else {
        this.model.forEach(obj => {
          if (obj.text === itemText) {
            this.model.splice(this.model.indexOf(obj), 1)
          }
        })
        this.model = [...this.model]
      }
    }
  }
})

sssccc
sssccc