Очистить после ввода при клике на крестик как сделать?

Чтобы реализовать функцию очистки поля ввода при клике на крестик, вам необходимо использовать фреймворк Vue.js.

Прежде всего, вам нужно добавить слушатель события клика на иконку крестика. Для этого вы можете использовать директиву v-on или сокращенный синтаксис @. Например, если у вас есть иконка крестика с классом "clear-icon", вы можете добавить следующий код:

<input v-model="text" />
<span class="clear-icon" @click="clearInput"></span>

Здесь v-model привязывает поле ввода к переменной "text" в вашей модели данных. При изменении значения поле ввода также будет обновляться.

Далее, вам нужно добавить метод "clearInput" в вашу модель данных, чтобы обработать клик на иконку крестика и очистить поле ввода:

new Vue({
  el: '#app',
  data: {
    text: ''
  },
  methods: {
    clearInput() {
      this.text = '';
    }
  }
});

При клике на крестик вызывается метод "clearInput", который устанавливает значение переменной "text" в пустую строку, очищая поле ввода.

С помощью этого кода вы сможете добавить функцию очистки поля ввода при клике на крестик.