Vue.js - そのプロパティにバインドされた入力でkeyup.enterイベントを使用してプロパティに新しい値を割り当てることはできません

Question

これらの入力にバインドされた変数をnullにリセットするメソッドで割り当てられた@ keyup.enterイベントを持つ入力があります。基本的には次のようになります。

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イベントを受信した入力に対しては機能しません。他の入力は正しくクリアされます。どうすれば修正できますか？

Answer 1

上記のコードは期待通りに機能します（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">