Как очищать все поля формы поиска, кроме одного?

Добрый день
Есть код - https://codesandbox.io/s/charming-bogdan-9i3t9l

На странице есть 2 формы поиска,
Например, в компоненте Footer Search - введен какой текст для поиска
затем при вводе нового текста в компоненте Header Search - как очищать поле с текстом в компоненте Footer Search, кроме текущего?
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Azapro_html
По .CLASS или #ID
Ответ написан
Комментировать
@nvdfxx
Senior Pomidor developer
// Header/Footer
  async searchData() {
        this.$emit("input", {data: this.searchCards, ref: 'header'});
  },

// App
  methods: {
    searchData({data, ref}) {
      this.search = data;
      this.resetInputs(ref)
    },
    resetInputs(ref) {
      const refs = ['header', 'footer'],
        refsToReset = refs.filter(e => e !== ref)
      refsToReset.forEach(e => this.$refs[e].searchCards = '')
    }
  }
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы