Vuejs2 如何克服错误'；避免使用JavaScript关键字作为；“v-on”；价值'；

如何在我的App.vue组件中消除此错误

未能编译

./src/App.vue 模块错误（来自./node_modules/eslint loader/index.js）：

C:\xampp2\htdocs\exchproto\src\App.vue 15:69错误避免将JavaScript关键字用作“v-on”值：“vue/valid-v-on”

✖ 1个问题（1个错误，0个警告）

我使用vuejs/vuetify css/js等的CDN pull测试了整个代码（包括子组件），并且都运行良好。这个错误只是在我将代码分解成组件并通过“纱线安装”完成所有操作时出现的。已经戳了一段时间了，运气不好

<template>
  <v-app>
   <v-app-bar app>
    <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
    <v-spacer></v-spacer>

    <v-menu :offset-y="true">
     <template v-slot:activator="{ on }">
      <v-btn icon v-on="on">
        <v-icon>mdi-dots-horizontal</v-icon>
      </v-btn>
     </template>

     <v-list>
      <v-list-item v-for="(item, i) in rightMenuitems" :key="i" @click="">
       <v-list-item-title>{{ item.title }}</v-list-item-title>
      </v-list-item>
     </v-list>
    </v-menu>
   </v-app-bar>
   <!--router-view></!--router-view-->
  </v-app>
 </template>

 <script>

  export default {
   name: 'App',
   components: {},
   data() {
    return {
     drawer: false,
     rightMenuitems: [
      { title: 'Choice 1' },
      { title: 'Choice 2' },
      { title: 'Choice 3' },
      { title: 'Choice 4' }
     ],
    }
   }
  }
 </script>

水平点
{{item.title}
导出默认值{
名称：“应用程序”，
组件：{}，
数据（）{
返回{
出票人：错，
rightMenuitems：[
{标题：'选择1'}，
{标题：'选择2'}，
{标题：'选择3'}，
{标题：'选择4'}
],
}
}
}

删除“单击事件”，并将

添加到使用
v-for
的
v-list-item
中的
属性中

注意：

您可以将带有
的链接绑定到
道具，还可以将
rightMenuitems
的每个对象中的链接绑定到道具

以下是一个例子：

您不能有空的
@click=”“
您必须有指向函数的单击点：


{{item.title}

/。。。
方法：{
someFunction（事件，i）{
console.log（“点击项”+i）；
}
}
// ...