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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
Sample script that displays all of the users in a given SQL Server DB
Jun 16 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
Dec 08 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
js小数运算出现多位小数如何解决
Oct 08 Javascript
使用jQuery实现Web页面换肤功能的要点解析
May 12 Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
Dec 16 Javascript
简单谈谈关于 npm 5.0 的新坑
Jun 08 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
详解vue表单——小白速看
Apr 08 Javascript
微信小程序引用iconfont图标的方法
Oct 22 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
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
thinkphp配置连接数据库技巧
2014/12/02 PHP
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
JavaScript限定复选框的选择个数示例代码
2013/08/25 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
2016/08/17 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
JavaScript RegExp 对象用法详解
2019/09/24 Javascript
JS实现吸顶特效
2020/01/08 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
简单的Python抓taobao图片爬虫
2014/10/26 Python
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
python中将zip压缩包转为gz.tar的方法
2018/10/18 Python
python通过http下载文件的方法详解
2019/07/26 Python
python虚拟环境完美部署教程
2019/08/06 Python
python实现银行管理系统
2019/10/25 Python
在python image 中实现安装中文字体
2020/05/16 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
中国酒类在线零售网站:酒仙网
2016/08/20 全球购物
请解释一下webService? 如何用.net实现webService
2014/06/09 面试题
报关简历自我评价怎么写
2013/09/19 职场文书
员工评语大全
2014/01/19 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
2016学习雷锋精神活动倡议书
2015/04/27 职场文书
Tomcat用户管理的优化配置详解
2022/03/31 Servers