输入字段在带有 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>

输入字段在带有 v-model 的 Vue 中不起作用

Input fields not working in Vue with v-model

input

vue.js

v-model