evomed

Как запутаться в трех соснах.

Решение →

Вместо звездочки может быть конкретно класс и скорее всего это будет лучше, т.к. универсальные селекторы без опыта — зло.

Добавьте дополнительную обертку

с перезагрузкой страницы

Ну тогда можно особо и не церемониться - вешайте на форму обработчик submit, в нём элементы, чьи значения надо исключить, удаляйте (el.remove()) или делайте неактивными (el.disabled = true). Например:

<form @submit="onSubmit">
  <div v-for="(v, k) in formData">
    <div>{{ k }}:</div>
    <div><input v-model="formData[k]" :name="k" :ref="k"></div>
  </div>
  <button>submit</button>
</form>

data: () => ({
  formData: {
    forename: '',
    surname: '',
    email: '',
  },
}),
methods: {
  onSubmit() {
    Object.entries(this.formData).forEach(([ k, v ]) => !v && (this.$refs[k][0].disabled = true));
  },
},

hover должен висеть на родителе картинки и стрелки.

https://jsfiddle.net/2e5t4ry7/