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 相关文章推荐
5 cool javascript apps
Mar 24 Javascript
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
JS隐藏参数post传值实例
Apr 18 Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
基于BootStrap的前端分页带省略号和上下页效果
May 18 Javascript
Vue.js实例方法之生命周期详解
Jul 03 Javascript
手把手教你写一个微信小程序(推荐)
Oct 17 Javascript
微信小程序动态设置图片大小的方法
Nov 21 Javascript
Vue.js暴露方法给WebView的使用操作
Sep 07 Javascript
小程序实现筛子抽奖
May 26 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
使用phpQuery采集网页的方法
2013/11/13 PHP
轻松实现php文件上传功能
2017/02/17 PHP
js中if语句的几种优化代码写法
2011/03/12 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
微信小程序中的onLoad详解及简单实例
2017/04/05 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
2019/05/30 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
js实现点击烟花特效
2020/10/14 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
python shell根据ip获取主机名代码示例
2017/11/25 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
python+flask实现API的方法
2018/11/21 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
Python&&GDAL实现NDVI的计算方式
2020/01/09 Python
python集合删除多种方法详解
2020/02/10 Python
python中shell执行知识点
2020/05/06 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
Supersmart英国:欧洲市场首批食品补充剂供应商之一
2018/05/05 全球购物
开水果连锁店创业计划书
2013/12/29 职场文书
大学生创业计划书的格式要求
2013/12/29 职场文书
合作协议书范本
2014/04/17 职场文书
任命书怎么写
2014/06/04 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS
CSS基础详解
2021/10/16 HTML / CSS
php访问对象中的成员的实例方法
2021/11/17 PHP