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 相关文章推荐
CheckBox 如何实现全选?
Jun 23 Javascript
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
日期 时间js控件
May 07 Javascript
js对象的复制继承实例
Jan 10 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
Angularjs中UI Router全攻略
Jan 29 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
May 10 Javascript
Javascript 引擎工作机制详解
Nov 30 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
Angular.js实现动态加载组件详解
May 28 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
Vue实现圆环进度条的示例
Feb 06 Vue.js
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
php中获得视频时间总长度的另一种方法
2011/09/15 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
PHP实现搜索相似图片
2015/09/22 PHP
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
JavaScript 放大镜 移动镜片效果代码
2011/05/09 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
javascript类型系统 Array对象学习笔记
2016/01/09 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
canvas实现手机端用来上传用户头像的代码
2016/10/20 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
JavaScript中set与get方法用法示例
2018/08/15 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
python实现决策树C4.5算法详解(在ID3基础上改进)
2017/05/31 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
python实现基于信息增益的决策树归纳
2018/12/18 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
python快速排序的实现及运行时间比较
2019/11/22 Python
Python如何输出整数
2020/06/07 Python
简单的Python人脸识别系统
2020/07/14 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
浅谈HTML5 defer和async的区别
2016/06/07 HTML / CSS
德国在线购买葡萄酒网站:Geile Weine
2019/09/24 全球购物
党员岗位承诺口号大全
2014/03/28 职场文书
代理协议书
2014/04/22 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书
烛光里的微笑观后感
2015/06/17 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
python+opencv实现视频抽帧示例代码
2021/06/11 Python