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 相关文章推荐
JS 非图片动态loading效果实现代码
Apr 09 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
Mar 15 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 Javascript
jQuery实现仿腾讯微博滑出效果报告每日天气的方法
May 11 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
微信小程序实现Swiper轮播图效果
Nov 22 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
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
PHP连接MySQL数据的操作要点
2015/03/20 PHP
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
基于jQuery的输入框在光标位置插入内容, 并选中
2011/10/29 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
JavaScript原型及原型链终极详解
2016/01/04 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
2016/08/02 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
2017/09/22 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
vue图片裁剪插件vue-cropper使用方法详解
2020/12/16 Vue.js
[02:19]DOTA2女子战队FOX视频专访:希望更多美眉一起加入
2013/10/15 DOTA
Python计算已经过去多少个周末的方法
2015/07/25 Python
mysql 之通过配置文件链接数据库
2017/08/12 Python
浅谈Pycharm的项目文件名是红色的原因及解决方式
2020/06/01 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
西雅图的买手店:Totokaelo
2019/10/19 全球购物
什么是典型的软件三层结构?软件设计为什么要分层?软件分层有什么好处?
2012/03/14 面试题
linux面试题参考答案(8)
2015/08/11 面试题
秋季红领巾广播稿
2014/01/27 职场文书
教师演讲稿大全
2014/05/16 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
小学运动会加油词
2015/07/18 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
《检阅》教学反思
2016/02/22 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸