vue.js - 使用 v-model 在 Vue 中输入字段不起作用

Question

我在 Vue 单文件组件中有以下模板语法：

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

在同一个组件中，我有以下数据：

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

问题：在 Chrome 中，此输入字段将不接受任何文本或数字。光标在字段中闪烁，但没有输入文本。我打开开发工具，输入时没有数据变化。我检查了我的键盘设置，那里没有什么奇怪的。

感谢您对此的任何指导！

Answer 1

在我的情况下，这完美地工作，

在模板标签中我修改了输入，在脚本标签中我修改了接受任何文本或数字的“data()”方法。

试试这个：

<template>

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

</template>


<script>

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