如何在v-text-field中使用v-chip

<template>
  <div>
    <v-text-field v-model="inputText" label="输入文本"></v-text-field>
    <v-chip v-for="(chip, index) in chips" :key="index" @click="removeChip(index)">
      {{ chip }}
    </v-chip>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputText: '',
      chips: []
    };
  },
  methods: {
    removeChip(index) {
      this.chips.splice(index, 1);
    }
  }
};
</script>

<template>
  <div>
    <v-text-field v-model="inputText" label="输入文本" @keyup.enter="addChip"></v-text-field>
    <v-chip v-for="(chip, index) in chips" :key="index" @click="removeChip(index)">
      {{ chip }}
    </v-chip>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputText: '',
      chips: []
    };
  },
  methods: {
    addChip() {
      if (this.inputText.trim() !== '') {
        this.chips.push(this.inputText);
        this.inputText = '';
      }
    },
    removeChip(index) {
      this.chips.splice(index, 1);
    }
  }
};
</script>