feat(VSelect/VAutocomplete/VCombobox): Add onChange event to return added and removed items from v-model

[prashantsinghb]

resolves #14151

Description

Added change event to return current, added and removed items from v-model

Markup:

<template>
  <v-container>
    <v-row>
      <v-col>
        <v-row><v-col>
          <v-select
            v-model="favorites"
            :items="states"
            label="Select"
            hint="Pick your favorite states"
            item-title="state"
            item-value="abbr"
            persistent-hint
            @change="onChange"
            multiple
          ></v-select>
        </v-col></v-row>
        <v-row><v-col>
          <v-autocomplete
            label="Autocomplete"
            :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
            @change="onChange"
            multiple
          ></v-autocomplete>
        </v-col></v-row>
        <v-row><v-col>
          <v-combobox
            label="Combobox"
            :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
            @change="onChange"
            multiple
          ></v-combobox>
        </v-col></v-row>
      </v-col>
      <v-col>
        <v-row>
          <v-col>Selection</v-col>
          <v-col v-for="(item, index) in selected" :key="index">{{item}}</v-col>
        </v-row>
        <v-row>
          <v-col>Added</v-col>
          <v-col v-for="(item, index) in added" :key="index">{{item}}</v-col>
        </v-row>
        <v-row>
          <v-col>Removed</v-col>
          <v-col v-for="(item, index) in removed" :key="index">{{item}}</v-col>
        </v-row>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
  export default {
    data () {
      return {
        favorites: [],
        states: [
          { state: 'Florida', abbr: 'FL' },
          { state: 'Georgia', abbr: 'GA' },
          { state: 'Nebraska', abbr: 'NE' },
          { state: 'California', abbr: 'CA' },
          { state: 'New York', abbr: 'NY' },
        ],
        selected: [],
        added: [],
        removed: []
      }
    },
    methods: {
      onChange(selection, added, removed){
        this.selected = selection
        this.added = added
        this.removed = removed
      }
    }
  }
</script>

[KaelWD]

This just seems like unnecessary overhead for something that's trivial to do yourself.

[prashantsinghb]

Closing the PR.