不能使用keyup给属性赋新值.在绑定到该属性的输入上输入事件

Vue.js - cannot assign new value to property using keyup.enter event on input binded to that property

本文关键字：属性 输入 入事件 绑定 新值 keyup 不能      更新时间：2023-09-26

我有带有@keyup的输入。输入带有方法的事件，将绑定到这些输入的变量的值重置为null。基本上，像这样:

methods:{
    clear: function () {
        this.something1 = null;
        this.something2 = null;
    }
},

<input type="text" v-model="something1" @keyup.enter="clear">
<input type="text" v-model="something2" @keyup.enter="clear">

由于某些原因，这不适用于接收keyup事件的输入。其他输入被正确清除。我怎样才能修好它?

您上面呈现的代码按预期工作(即使没有预先设置data)。一定是工作上出了什么问题。

new Vue({
  el: 'body',
  methods: {
    clear: function() {
      this.something1 = null;
      this.something2 = null;
    }
  }
});
<script src="//cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<input type="text" v-model="something1" @keyup.enter="clear">
<input type="text" v-model="something2" @keyup.enter="clear">

相关文章：