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

Question

[Иван Симонов]

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

На странице есть 2 формы поиска,
Например, в компоненте Footer Search - введен какой текст для поиска
затем при вводе нового текста в компоненте Header Search - как очищать поле с текстом в компоненте Footer Search, кроме текущего?

Answer 1

[WiF Azapro]

По .CLASS или #ID

Answer 2

[nvdfxx]

// 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 = '')
    }
  }