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 相关文章推荐
input+select(multiple) 实现下拉框输入值
May 21 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
jquery购物车实时结算特效实现思路
Sep 23 Javascript
javascript自定义的addClass()方法
May 28 Javascript
js实现点击链接后延迟3秒再跳转的方法
Jun 05 Javascript
JQuery悬停控制图片轮播——代码简单
Aug 05 Javascript
前端面试题及答案整理(二)
Aug 26 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Oct 05 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
vue 实现数字滚动增加效果的实例代码
Jul 06 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 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
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
PHP基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
ExtJS4 表格的嵌套 rowExpander应用
2014/05/02 Javascript
javascript中基本类型和引用类型的区别分析
2015/05/12 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
JS 动态判断PC和手机浏览器实现代码
2016/09/21 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
javascript中call,apply,bind函数用法示例
2016/12/19 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
javascript 中Cookie读、写与删除操作
2017/03/29 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
2017/10/12 Javascript
浅谈如何使用 webpack 优化资源
2017/10/20 Javascript
vue2.0实现音乐/视频播放进度条组件
2018/06/06 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
vue3.0中使用postcss-pxtorem的具体方法
2019/11/20 Javascript
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
详解Python中的type()方法的使用
2015/05/21 Python
使用Python生成XML的方法实例
2017/03/21 Python
python实现决策树分类
2018/08/30 Python
python学生信息管理系统(初级版)
2018/10/17 Python
python3 反射的四种基本方法解析
2019/08/26 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
Python实现给PDF添加水印的方法
2021/01/25 Python
html5与css3小应用
2013/04/03 HTML / CSS
Html5导航栏吸顶方案原理与对比实现
2020/06/10 HTML / CSS
企业安全生产承诺书
2014/05/22 职场文书
2014迎国庆标语大全
2014/09/19 职场文书
党员查摆剖析材料
2014/10/10 职场文书
2015年安全保卫工作总结
2015/05/14 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书
Python连续赋值需要注意的一些问题
2021/06/03 Python
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript