vue 中使用 watch 出现了如下的报错的原因分析
2019/6/26 23:02:25
本文主要是介绍vue 中使用 watch 出现了如下的报错的原因分析,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
报错: 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 出现了如下的报错的原因分析,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
这篇关于vue 中使用 watch 出现了如下的报错的原因分析的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程