使用 v-model 在 Vue 中输入字段不起作用答案

【问题标题】：Input fields not working in Vue with v-model使用 v-model 在 Vue 中输入字段不起作用
【发布时间】：2019-10-07 09:48:22
【问题描述】：

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

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

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

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

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

感谢您对此的任何指导！

【问题讨论】：

this jsfiddle 与您的相同，并且可以正常工作，因此存在其他问题。
我猜你在将newInput重置为''的代码中的其他地方
@KevinHernandez 这是上周工作的，我没有做任何更改。这也不适用于我的应用程序中的任何其他 v 建模输入。
在您的问题中发布指向整个.vue 文件的复制链接
@KevinHernandez 我会自己解决的。整个 vue 文件都有 vuex 突变和 axios 调用，没有将所有这些都发布到问题中。

标签： vue.js input v-model

【解决方案1】：

在我的情况下，这很完美，

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

试试这个：

<template>

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

</template>


<script>

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

【讨论】：

你是对的，没有错误。在花费数小时评估问题后，我确定我用于“keydown”操作的 evenHandler 存在问题，这阻止了默认行为。显然这是 keydown 事件的常见问题。