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 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
jQuery 源码分析笔记(5) jQuery.support
Jun 19 Javascript
js操作label给label赋值及取label的值示例
Nov 07 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
Jun 05 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
js判断输入框不能为空格或null值的实现方法
Mar 02 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
jQuery实现的分页插件完整示例
May 26 jQuery
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
屏蔽浏览器缓存另类方法
2006/10/09 PHP
一个基于phpQuery的php通用采集类分享
2014/04/09 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
PHP实现格式化文件数据大小显示的方法
2015/01/03 PHP
js实现单击图片放大图片的方法
2015/02/17 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
利用nodejs监控文件变化并使用sftp上传到服务器
2017/02/18 NodeJs
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
JS得到当前时间的方法示例
2017/03/24 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
Vue组件间数据传递的方式(3种)
2020/07/13 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
[04:09]2018年度DOTA2社区贡献奖-完美盛典
2018/12/16 DOTA
Python MD5文件生成码
2009/01/12 Python
采用python实现简单QQ单用户机器人的方法
2014/07/03 Python
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
Python 16进制与中文相互转换的实现方法
2018/07/09 Python
Python批量查询关键词微信指数实例方法
2019/06/27 Python
python变量命名的7条建议
2019/07/04 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
pandas DataFrame的修改方法(值、列、索引)
2019/08/02 Python
Python序列化pickle模块使用详解
2020/03/05 Python
Pycharm及python安装详细步骤及PyCharm配置整理(推荐)
2020/07/31 Python
Python可以实现栈的结构吗
2020/05/27 Python
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
教育孩子心得体会
2014/01/01 职场文书
优秀民警事迹材料
2014/01/29 职场文书
软件项目开发计划书
2014/05/01 职场文书
啦啦队口号大全
2014/06/16 职场文书
教育教学读书笔记
2015/07/02 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
CSS3实现指纹特效代码
2022/03/17 HTML / CSS