Ошибка в обработчике v-on: «ReferenceError: число не определено»

Question

Я начал работать над небольшим проектом, используя Laravel и Vue. js. Я пытался использовать v-model для установки значения, но получаю сообщение об ошибке, как показано ниже:

<a href="#" class="dropdown-item" @click.prevent="edit" v-model="number = 1">
  <i class="icon-file-text2"></i> Modifier
</a>

data: function() {
  return {
    searchInput: '',
    buildings: {},
    number: null
  }
}

Сообщение об ошибке, которое я получаю:

Error in v-on handler: "ReferenceError: number is not defined"

Answer 1

v-model принимает имя свойства локальных данных, поэтому вы не должны использовать там выражение. Однако v-model имеет смысл только для элементов пользовательского ввода (например, <input>, <select>, et c.), Но не для элементов только для чтения, таких как <a>.

Если вы намеревались чтобы установить number на 1 при нажатии <a>, я рекомендую переместить этот код в метод edit(), уже привязанный к click -событию:

export default {
  methods: {
    edit() {
      this.number = 1
    }
  }
}