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 相关文章推荐
JQuery动态创建DOM、表单元素的实现代码
Aug 09 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 Javascript
js构造函数、索引数组和属性的实现方式和使用
Nov 16 Javascript
JS封装的自动创建表格的实现代码
Jun 15 Javascript
AngularJS入门教程之控制器详解
Jul 27 Javascript
Angular中$state.go页面跳转并传递参数的方法
May 09 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
Echarts动态加载多条折线图的实现代码
May 24 Javascript
浅谈一个webpack构建速度优化误区
Jun 24 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
Aug 08 Javascript
Vue3中的Refs和Ref详情
Nov 11 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与SQL注入攻击[二]
2007/04/17 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
一段非常简单的让图片自动切换js代码
2006/11/10 Javascript
基于jquery的回到页面顶部按钮
2011/06/27 Javascript
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
JS数组array元素的添加和删除方法代码实例
2015/06/01 Javascript
jQuery实现带水平滑杆的焦点图动画插件
2016/03/08 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
2016/12/31 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
详解easyui 切换主题皮肤
2019/04/04 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
Python的迭代器和生成器
2015/07/29 Python
python通过cookie模拟已登录状态的初步研究
2016/11/09 Python
CentOS 6.5中安装Python 3.6.2的方法步骤
2017/12/03 Python
PyQt5实现拖放功能
2018/04/25 Python
Tesserocr库的正确安装方式
2018/10/19 Python
Python XlsxWriter模块Chart类用法实例分析
2019/03/11 Python
django echarts饼图数据动态加载的实例
2019/08/12 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
建材业务员岗位职责
2013/12/08 职场文书
2014元旦晚会策划方案
2014/02/19 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
简单租房协议书(范本)
2014/10/13 职场文书