Поля ввода не работают в Vue с v-моделью

Question

У меня следующий синтаксис шаблона в однофайловом компоненте Vue:

<template>
   ...
   <input v-model="newInput">
   ...
</template>

В том же компоненте у меня есть эти данные:

<script>
   ...
   data: () => {
     return {
      newInput: "",
     }
   }
   ...
</script>

Проблема: в Chrome это поле ввода не будет принимать текст или цифры. Курсор мигает в поле, но текст не вводится. Я открыл dev dev tools, и при вводе не происходит никаких изменений данных. Я проверил настройки клавиатуры, ничего странного там нет.

Цените любые указания по этому вопросу!

Answer 1

В моем случае это прекрасно работает,

Здесь, в теге шаблона я изменил ввод, а в теге скрипта я изменил метод data (), который принимает любой текст или число.

Попробуйте это:

<template>

   <input type="text" v-model="newInput">

</template>


<script>

export default {
  data () {
    return {
      newInput: ''
    }
  }
}
</script>