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 相关文章推荐
JS的get和set使用示例
Feb 20 Javascript
EasyUI 结合JS导出Excel文件的实现方法
Nov 10 Javascript
VueJs使用Amaze ui调整列表和内容页面
Nov 30 Javascript
JS运动特效之同时运动实现方法分析
Jan 24 Javascript
vue.js前后端数据交互之提交数据操作详解
Apr 24 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
基于Proxy的小程序状态管理实现
Jun 14 Javascript
js中switch语句的学习笔记
Mar 25 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
Aug 14 Javascript
jquery实现拖拽小方块效果
Dec 10 jQuery
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 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
用户的详细注册和判断
2006/10/09 PHP
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
推荐十款免费 WordPress 插件
2015/03/24 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
javascript下IE与FF兼容函数收集
2008/09/17 Javascript
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
2012/06/14 Javascript
谈谈JavaScript中的函数与闭包
2013/04/14 Javascript
jquery的ajax简单结构示例代码
2014/02/17 Javascript
JS实现左右拖动改变内容显示区域大小的方法
2015/10/13 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
vue基于Element构建自定义树的示例代码
2017/09/19 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
django中使用vue.js的要点总结
2019/07/07 Javascript
Python 3.6 -win64环境安装PIL模块的教程
2019/06/20 Python
Python3 解决读取中文文件txt编码的问题
2019/12/20 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
世界上最大的字体市场:MyFonts
2020/01/10 全球购物
端口镜像是怎么实现的
2014/03/25 面试题
什么是GWT的Module
2013/01/20 面试题
在校生党员自我评价
2013/09/25 职场文书
总务岗位职责
2013/11/19 职场文书
大学自荐信
2013/12/12 职场文书
仓库管理专业个人的自我评价
2013/12/30 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
张思德观后感
2015/06/09 职场文书
MySQL GTID复制的具体使用
2022/05/20 MySQL
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL