@keydown 不触发 vue 中的方法

Question

我定义了两种方法如下。 但我面临的问题是 @keydown 不会触发该方法。 我切换了方法，即我将 updateLength 方法放在 @keyup 上，然后它就可以工作了。 我怎样才能让这两种方法在 keyup 上工作，在 keydown 上工作。

<v-flex xs12 sm8>
    <div class="form-group">
        <v-text-field
        v-model='money.number'
        maxlength='22'
        name="number"
        @keydown="updateLength"
        @keyup="checkLength"
        required>
        </v-text-field>
    </div>
</v-flex>


<script>
export default {
 data() {
  return {
   money: {
      number: ''
   }
  }
 },
 methods: {
   checkLength: function(event) {
        console.log("UPWARDS")
      },
   updateLength: function(event) {
        console.log("DOWNWARDS")
      }
 }    
</script>

Answer 1

@keyup.native="checkNumber"

为我工作

Answer 2

您将文本字段绑定到型号，但未定义。 未捕获的错误会破坏事件循环。

此外，您应该将脚本中的所有代码包装在导出默认包装器中。