vue-watch报错[[Vue warn]: Method “watch“ has type “object“ in the component definition. Did you refer]

最新推荐文章于 2023-11-03 15:10:33 发布
最新推荐文章于 2023-11-03 15:10:33 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： 测试开发 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46158060/article/details/124113153
版权
博客内容讲述了在前端开发中遇到的一个Vue.js警告问题，即`Vuewarn`: watch方法类型错误。通过F12检查浏览器日志和前端代码审查，发现watch方法被错误地放置在了methods内部。解决方案是将watch代码块移出methods，调整后页面警告消除，问题得到解决。此问题涉及到Vue组件的正确结构和使用。
摘要由CSDN通过智能技术生成

[Vue warn]: Method “watch” has type “object” in the component definition. Did you reference the function correctly?

1.F12查看浏览器报错

请添加图片描述检查前端编码，暂没有发现任何问题，也可以正常编译，后端也无报错。

2.找到前端代码，查看watch所在位置

发现问题所在！watch方法竟然写进去了methods方法里面，被methods方法包裹住了。
只需要把watch代码块拿出来即可

3.解决方案

调整watch的位置即可
请添加图片描述

更改之后刷新页面发现就没有这个报错了
在这里插入图片描述

梦无矶
关注
专栏目录
vue.runtime.esm.js:619 [Vue warn]: Property or method “test“ is not defined on the instance but refe
郭宝的博客
08-03 1万+
背景： 解决办法： 根据错误信息，发现是属性或方法“test”未在实例上定义，但在呈现过程中被引用。根据这条线索，可以打开lamp-list.vue文件，局部搜索该 test 关键字，发现该 test 确实没有定义，根据提示将这段代码删除即可 ...
Vue - 解决 Property or method “__v_isRef“ is not defined on the instance but referenced（浏览器控制台报错，代码没错）
最新发布
王佳斌
11-29 3662
vue，vue2控制台报错，vue报错Property or method "__v_isRef" is not defined on the instance but referenced，vue代码没问题，但是报错Property or method "__v_isRef" is not defined on the instance but referenced，vue2如何解决报错，vue怎么解决报错问题，vue2 Property or method "__v_isRef" is not defi
[Vue warn]: Method "watch" has type "object" in the component definition. Did you referen
m0_37791204的博客
04-30 1万+
[Vue warn]: Method "watch" has type "object" in the component definition. Did you reference the function correctly? 发生这个的原因是在组件中写了一个空的watch 把这个watch的代码删掉就ok ...
vue报错Method “watch“ has type “object“ in the component definition. Did you refere
weixin_42220130的博客
11-03 1431
报错: 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?vue 中使用 watch 出现了如下的报错的原因分析。
vue组件监听属性变化watch方法报[Vue warn]: Method “****“ has type “object“ in the component definition. Did you
weixin_42837552的博客
12-23 1729
*******代表自己的方法名 同样是在使用组件时，写方法报的错。 解决：是自己的方法写在了method中，这个是我遇到的 解决办法，将自己的方法写在与method同一级别，警告就消除了
vue.runtime.esm.js?a593:619 [Vue warn]: Property or method “value“ is not defined on the instance...
前端-尔嵘
05-10 3839
报错内容： 报错原文： vue.runtime.esm.js?a593:619 [Vue warn]: Property or method "value" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializ
Vue报错Property or method "xxx" is not defined on the instance but referenced during render.
weixin_44378723的博客
03-08 2603
报错图如下：
[Vue warn]: Property or method "nubmer" is not defined on the instance but referenced during render.
知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】
04-04 1082
vue.js:634 [Vue warn]: Property or method “nubmer” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based ...
报错：Property or method “item“ is not defined on the instance but referenced during render.
m0_63775072的博客
07-11 4984
前言：目前在敲项目，遇到的报错问题~报错原因：Property or method "item" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vue
Vue 官方笔记--组件
小菜的博客
07-24 2938
中文版(英文浓缩) 组件是什么？ 组件：具有预定义选项的实例 组件是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用 通过 prop ，我们可以实现父子组件之间的解耦，有了属性，子组件中就可以使用更为复杂的模板和逻辑，比如如下 <!-- 复制到 html 中可以直接运行哦，看看是什么结果吧 --> <div id="main"> <ol> <!-- 子组件 --> <todo-item v-for=
【vue】问题之 [Vue warn]: Method “components“ has type “object“ in the component definition
weixin_42866036的博客
07-13 3505
控制台错误信息： [Vue warn]: Method “components” has type “object” in the component definition. Did you reference the function correctly? 将components组件写在methods后导致，更换两者位置即可解决。
Method “computed“ has type “object“ in the component definition. Did you reference the function
qq_51066068的博客
05-30 3361
Method “computed” has type “object” in the component definition. Did you reference the function correctly? 意思是： 方法“computed”在组件定义中具有类型“object”。你正确地引用了函数吗？出现这样的问题就是 将methods方法报裹住了computed ...
[Vue warn]: Method “components“ has type “object“ in the component definition. Did you reference the
道阻且长，行则将至。
10-23 2651
报错如下：
Method “computed“ has type “object“ in the component definition. Did you reference the function corr
chenjun1992的博客
06-03 437
今天写vue登录页面时遇到了Bug，找了很久发现将computed写到了methods里面，应该是在methods外面 报错： 修改前： <script> import { mapGetters } from 'vuex' export default { name: "WelcomeLogin", methods: { gotoLogin() { this.$router.replace('/login') }, gotoRegister() {
Method “watch“ has type “object“ in the component definition. Did you reference the function correct
weixin_46071647的博客
07-12 1355
Method "watch" has type "object" in the component definition. Did you reference the function correctly
Vue项目常见的错误以及解决办法
wzy199982的博客
10-28 6705
Vue项目常见的错误以及解决办法、Vue项目进展过程中遇到的困难
[Vue warn]: Error in callback for watcher "xxxxxxxxx": "TypeError: Cannot set property 'name' of
热门推荐
Marswill
04-09 12万+
在vue中慎用箭头函数 以上标题其实是vue中的错误信息，但是由于标题的长度限制只能显示那么多。在此我将贴出完整的错误来分析。 文字错误描述： vue.esm.js?efeb:591 [Vue warn]: Error in callback for watcher "permissionGroup": "TypeError: Cannot set property ...
Vue.js学习笔记
tonydandelion2014的博客
07-15 3万+
绑定一个元素 双向绑定 渲染列表 处理用户输入 综合 相应数据的绑定 组件系统 构造器 实例的生命周期 数据绑定语法 插入数据值 绑定表达式 指令 计算属性绑定一个元素 <!-- 如果new Vue不写在$(document).ready(function() {}里面的话，就必须写在最后面，这样才能保证页面元素是先于js加载的。 --> <script> $(document).ready(fun
解决vue-router按需加载component: () => import()报错问题
"关于vue-router按需加载component:()=>import()报错的解决方案" 在Vue.js的单页面应用（SPA）开发中，为了优化性能，通常会采用路由按需加载的方式。Vue-router提供了动态导入组件的功能，即使用`component: () =>...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值