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实现的点击数量加一可操作数据库
May 09 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
Mar 13 Javascript
AngularJS快速入门
Apr 02 Javascript
JS函数的几种定义方式分析
Dec 17 Javascript
用jQuery向div中添加Html文本内容的简单实现
Jul 13 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
jQuery实现弹出窗口弹出div层的实例代码
Jan 09 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
Vuejs监听vuex中值的变化的方法示例
Dec 02 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
Nov 25 Javascript
vue+node 实现视频在线播放的实例代码
Oct 19 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
分享8个最佳的代码片段在线测试网站
2013/06/29 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
JS实现标签页效果(配合css)
2013/04/03 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
js实现图片拖动改变顺序附图
2014/05/13 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
gridview生成时如何去掉style属性中的border-collapse
2014/09/30 Javascript
setinterval()与clearInterval()JS函数的调用方法
2015/01/21 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
JS实现左右拖动改变内容显示区域大小的方法
2015/10/13 Javascript
微信小程序 PHP生成带参数二维码
2017/02/21 Javascript
使用 Node.js 对文本内容分词和关键词抽取
2017/05/27 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
node的process以及child_process模块学习笔记
2018/03/06 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
2019/01/24 jQuery
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
python实现的防DDoS脚本
2011/02/08 Python
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
基于python实现名片管理系统
2018/11/30 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
Python range与enumerate函数区别解析
2020/02/28 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
养殖项目策划书范文
2014/01/13 职场文书
运动会入场口号
2014/06/07 职场文书
生物学专业求职信
2014/07/23 职场文书
工地例会施工汇报材料
2014/08/22 职场文书
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android
Windows server 2012 配置Telnet以及用法详解
2022/04/28 Servers