v-on 的 .native 修饰符仅在组件上有效，但它用于 <a> 标签

Question

我正在进行 Vue3 迁移，我不确定如何解决这个特定问题，它在 Vue2 上运行良好。

错误：[Vue warn]“v-on 的 .native 修饰符仅在组件上有效，但它用于 。”

Answer 1

您可以在您的

main.js

文件中使用以下内容

Vue.config.warnHandler = function(msg) {
  if (msg !== "The .native modifier for v-on is only valid on components but it was used on \<a\>.") {
    // eslint-disable-next-line
    console.error(msg)
  }  
}

这是一个初步的解决方案，将捕获前期工作中的错误。实际上，这不是最好的方法，将使用

v-on

的元素修改为

@

确实是一个好主意。

Answer 2

如果您搜索代码，您将找不到在代码中使用过

v-on

的位置。 这是因为当在代码中的某处使用

 @click.native

事件修饰符时会发生这种情况。 如果可以满足您的要求，请尝试从那里删除

.natie

部分，并仅使用

@click

。 如果您正在进行版本迁移，请在更改代码之前阅读有关 .native Event 修饰符的更多信息。