vue3 ‘.native‘ modifier on ‘v-on‘ directive is deprecated.

vue3发布已经有一段时间了，发现网上一些信息更新的太不及时了。现记录。原因就是'.native'修饰符在vue3中被弃用了。我看的那个文档没有提到这个。<template><CoolInput v-on:keydown.enter="onKeydownEnter" /><CoolInput @keydown.enter="o

五层楼

23198人浏览 · 2020-12-25 14:25:08

五层楼 · 2020-12-25 14:25:08 发布

vue3发布已经有一段时间了，发现网上一些信息更新的太不及时了。现记录。

原因就是'.native'修饰符在vue3中被弃用了。我看的那个文档没有看到这个。

<template>
  <!-- ✓ 正确写法 -->
  <CoolInput v-on:keydown.enter="onKeydownEnter" />
  <CoolInput @keydown.enter="onKeydownEnter" />

  <!-- ✗ 错误写法 -->
  <CoolInput v-on:keydown.native="onKeydown" />
  <CoolInput @keydown.enter.native="onKeydownEnter" />
</template>