vue 中使用 watch 出现了如下的报错的原因分析


Posted in Javascript onMay 21, 2019

报错: Method "watch" has type "object" in the component definition. Did you reference the function Method "watch" has type "object" in the component definition. Did you reference the function correctly?

原因: watch 是一个对象,应该以键值对的形式来使用,但是我 将 watch 放到了 methods: {} 中,导致了这个问题;

解决办法:  将watch 对象 拿出来,与 methods 平级;

附上当时的代码:

watch: {
  "$route.path":function(newval){
   if(newval === '/home'){
   this.flag = false
   }else{
   this.flag = true
   }
  }
  }
 }

总结

以上所示是小编给大家介绍的vue 中使用 watch 出现了如下的报错的原因分析,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
写出更好的JavaScript程序之undefined篇(中)
Nov 23 Javascript
jQuery实现的一个tab切换效果内部还嵌有切换
Aug 10 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
异步JavaScript编程中的Promise使用方法
Jul 28 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
JSON 数据详解及实例代码分析
Jan 20 Javascript
Bootstarp基本模版学习教程
Feb 01 Javascript
Vue仿支付宝支付功能
May 25 Javascript
vue中导出Excel表格的实现代码
Oct 18 Javascript
微信小程序实现form表单本地储存数据
Jun 27 Javascript
vue项目中定义全局变量、函数的几种方法
Nov 08 Javascript
JS图片预加载三种实现方法解析
May 08 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
May 21 #Javascript
vue+element创建动态的form表单及动态生成表格的行和列
May 20 #Javascript
Node 搭建一个静态资源服务器的实现
May 20 #Javascript
vue+element实现打印页面功能
May 20 #Javascript
vue+element实现表单校验功能
May 20 #Javascript
javascript的this关键字详解
May 20 #Javascript
小程序实现新用户判断并跳转激活的方法
May 20 #Javascript
You might like
tp5实现微信小程序多图片上传到服务器功能
2018/07/16 PHP
php和asp语法上的区别总结
2019/05/12 PHP
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
Javascript学习笔记6 prototype的提出
2010/01/11 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
2014/06/10 Javascript
jQuery中scrollTop()方法用法实例
2015/01/16 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
js date 格式化
2017/02/15 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
layui table设置某一行的字体颜色方法
2019/09/05 Javascript
Vue组件模板的几种书写形式(3种)
2020/02/19 Javascript
javascript实现拖拽碰撞检测
2020/03/12 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
Python中还原JavaScript的escape函数编码后字符串的方法
2014/08/22 Python
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
Python使用cx_Oracle模块将oracle中数据导出到csv文件的方法
2015/05/16 Python
浅谈Python2获取中文文件名的编码问题
2018/01/09 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
python爬取”顶点小说网“《纯阳剑尊》的示例代码
2020/10/16 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
一组SQL面试题
2016/02/15 面试题
骨干教师培训制度
2014/01/13 职场文书
行政文秘岗位职责范本
2014/02/10 职场文书
爱心捐书活动总结
2014/07/05 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
2015年财政所工作总结
2015/04/25 职场文书
2016年世界人口日宣传活动总结
2016/04/05 职场文书
Python3接口性能测试实例代码
2021/06/20 Python
python实现层次聚类的方法
2021/11/01 Python
把77A收信机改造成收音机
2022/04/05 无线电
JS class语法糖的深入剖析
2022/07/07 Javascript