vue项目报错：handler.apply is not a function

vue项目报错：handler.apply is not a function

原因是变量名和方法名重名了：比如下面这个

有一个点击事件名叫 login

又有一个 data里面的 变量名叫 login

这样就会报错handler.apply is not a function ，
解决办法是：两个 login 中 换一个名就好了

  <div class="login">
    <main>
      <div>
        <span>账号：</span>
        <input v-model="login.account" type="text" />
      </div>
      <div>
        <span>密码：</span>
        <input v-model="login.password" type="password" />
      </div>
      <div>
        <p @click="login">登录</p>
        <router-link to="/register">注册</router-link>
      </div>
    </main>
  </div>

<script>
export default {
  data() {
    return {
      login: {
        account: "",
        password: ""
      }
    };
  },
  methods: {
    login:function(){
        this.$router.push({ path: "/home" });
    }
  },
};
</script>