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 相关文章推荐
javascript event 事件解析
Jan 31 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
Jqgrid之强大的表格插件应用
Dec 02 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
Vue Router去掉url中默认的锚点#
Aug 01 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
vue Tab切换以及缓存页面处理的几种方式
Nov 05 Javascript
viewer.js实现图片预览功能
Jun 24 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
javascript 小型动画组件与实现代码
2010/06/02 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
PHP7 整型处理机制修改
2021/03/09 PHP
javascript预览上传图片发现的问题的解决方法
2010/11/25 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
jQuery实现的右下角广告窗体跟随效果示例
2016/09/16 Javascript
关于javascript事件响应的基础语法总结(必看篇)
2016/12/26 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
jQuery插件Echarts实现的渐变色柱状图
2017/03/23 jQuery
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
AngularJS实现动态切换样式的方法分析
2018/06/26 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
Python中的高级数据结构详解
2015/03/27 Python
python简单实现旋转图片的方法
2015/05/30 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
python生成excel的实例代码
2017/11/08 Python
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
详解Python的循环结构知识点
2019/05/20 Python
Python编程中类与类的关系详解
2019/08/08 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
Python list运算操作代码实例解析
2020/01/20 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
python实现图片转字符画
2021/02/19 Python
意大利领先的奢侈品在线时装零售商:MCLABELS
2020/10/13 全球购物
2014年党课学习心得体会
2014/07/08 职场文书
大学竞选班干部演讲稿
2014/08/21 职场文书
小学二年级数学教学计划
2015/01/20 职场文书
社区端午节活动总结
2015/02/11 职场文书
家长对孩子的寄语
2015/02/26 职场文书
消夏晚会主持词
2015/06/30 职场文书
介绍信应该怎么开?
2019/04/03 职场文书