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 focus不起作用的解决方法(主要是因为dom元素是否加载完成)
Nov 05 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
Aug 22 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
Jul 21 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
JS遍历页面所有对象属性及实现方法
Aug 01 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
JS实现碰撞检测的方法分析
Jan 19 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
element-ui table组件如何使用render属性的实现
Nov 04 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
PHP和JAVA中的重载(overload)和覆盖(override) 介绍
2012/03/01 PHP
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
浅析node.js中close事件
2014/11/26 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
JavaScript生成一个不重复的ID的方法示例
2019/09/16 Javascript
微信小程序后端(java)开发流程的详细步骤
2019/11/13 Javascript
关于JavaScript中异步/等待的用法与理解
2020/11/18 Javascript
Python base64编码解码实例
2015/06/21 Python
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
Python利用openpyxl库遍历Sheet的实例
2018/05/03 Python
django用户登录和注销的实现方法
2018/07/16 Python
python判断计算机是否有网络连接的实例
2018/12/15 Python
Python3 chardet模块查看编码格式的例子
2019/08/14 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
大学生毕业自我评价范文分享
2013/11/07 职场文书
初一地理教学反思
2014/01/16 职场文书
书法比赛获奖感言
2014/02/10 职场文书
母婴店促销方案
2014/03/05 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
2021/04/07 HTML / CSS
Redis IP地址的绑定的实现
2021/05/08 Redis