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 相关文章推荐
fckeditor 获取文本框值的实现代码
Feb 09 Javascript
JavaScript Event学习第九章 鼠标事件
Feb 08 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
javascript检测两个数组是否相似
May 19 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
Scala解析Json字符串的实例详解
Oct 11 Javascript
React-router4路由监听的实现
Aug 07 Javascript
分享5个好用的javascript文件上传插件
Sep 16 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
5个你不知道的JavaScript字符串处理库(小结)
Jun 01 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
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
2017/11/09 jQuery
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
详解vue中使用微信jssdk
2019/04/19 Javascript
基于javascript处理nginx请求过程详解
2020/07/07 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
一看就懂得Python的math模块
2018/10/21 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
python实现自动解数独小程序
2019/01/21 Python
python的等深分箱实例
2019/11/22 Python
Python pymsql模块的使用
2020/09/07 Python
CSS3+DIV实现漂亮的动画彩色标签
2016/06/16 HTML / CSS
基于CSS3实现的黑色个性导航菜单效果
2015/09/14 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
市级绿色学校申报材料
2014/08/25 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
汽车销售员工作总结
2015/08/12 职场文书
python中的装饰器该如何使用
2021/06/18 Python