vue 项目在浏览器控制端报错：Error in v-on handler: “TypeError: xxx is not a function“ 问题分析及解决方式

项目场景：

提示：这里简述项目相关背景：
vue 项目在浏览器控制端报错：Error in v-on handler: “TypeError: xxx is not a function“

---

问题描述

提示：这里描述项目中遇到的问题：

vue 项目在浏览器控制端报错：Error in v-on handler: “TypeError: xxx is not a function“

原因分析：

分析问题：

TypeError: xxx is not a function

1 函数名写错了，检查一下有没有拼写错误。

2 有重复命名的方法，系统使用了不包含这个报错的函数。

3 变量和函数命名重复，而函数的命名优先级比变量高。

解决方案：

提示：这里填写该问题的具体解决方案：

1、首先检查代码中调用方法的函数名称是否书写一致，一定要仔细检查呦~，相差一个字母也是不可以的。
2、检查调用的方法的位置是否是写在methods里面的， 所有的方法必须都包含在 method 里面，否则将导致调用失败。
3、方法名是唯一的，一个页面中，不可以有重复的方法名出现，否则，也会导致方法调用失败。即，声明定义的函数名不能和页面的某个标签的id名相同。某些浏览器仅通过在js代码中指定id即可访问节点元素，然后在DOM中的元素会覆盖所声明定义的函数。

这个问题提醒我们，书写代码时一定体验仔细认真！！！