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 相关文章推荐
ExtJS 2.0实用简明教程 之Ext类库简介
Apr 29 Javascript
JS下高效拼装字符串的几种方法比较与测试代码
Apr 15 Javascript
jQuery数组处理方法汇总
Jun 20 Javascript
关于js datetime的那点事
Nov 15 Javascript
js星星评分效果
Jul 24 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
vue之数据交互实例代码
Jun 20 Javascript
JavaScript canvas绘制渐变颜色的矩形
Feb 18 Javascript
JS面向对象实现飞机大战
Aug 26 Javascript
JavaScript实现弹出窗口效果
Dec 09 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
PHP 类型转换函数intval
2009/06/20 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
YII框架常用技巧总结
2019/04/27 PHP
javascript 获取图片颜色
2009/04/05 Javascript
javascript CSS画图之基础篇
2009/07/29 Javascript
Javascript 静态页面实现随机显示广告的办法
2010/11/17 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
AngularJS基础 ng-csp 指令详解
2016/08/01 Javascript
js实现日期显示的一些操作(实例讲解)
2017/07/27 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
菊花转动的jquery加载动画效果
2018/08/19 jQuery
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
JS获取当前时间戳方法解析
2020/08/29 Javascript
详解python调度框架APScheduler使用
2017/03/28 Python
Python 对象中的数据类型
2017/05/13 Python
Python_LDA实现方法详解
2017/10/25 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
从pandas一个单元格的字符串中提取字符串方式
2019/12/17 Python
matlab灰度图像调整及imadjust函数的用法详解
2020/02/27 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
外企C语言笔试题
2013/11/10 面试题
同事打架检讨书
2014/02/04 职场文书
婚礼家长致辞
2015/07/27 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS