[Vue warn]: Invalid watch source: “xxx”. A watch source can only be a getter/effect function,

最新推荐文章于 2024-08-12 14:43:24 发布
最新推荐文章于 2024-08-12 14:43:24 发布
阅读量6.3k 收藏 1
点赞数
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47692776/article/details/112601995
版权
本文讲述了如何在Vue中使用watch函数正确监听getOrganizationData.current的变化，并在变化时自动触发getPersonList方法，以实现动态内容更新。遇到的问题在于数据的响应性要求，通过调整watch回调解决了这一问题。
摘要由CSDN通过智能技术生成

watch监听问题

    watch(getOrganizationData.current,() => {
      getPersonList()
    })

我想监听页码的变化来发送请求，改变当前的显示内容，
在这里插入图片描述

错误：
在这里插入图片描述
watch要的数据是响应式的
解决方案

    watch(()=>getOrganizationData.current,() => {
      getPersonList()
    })
浓密黑发刘壮实
关注
专栏目录
A watch source can only be a getter/efefct function, a ref, a reactive object, or an array of these
XiaoYi
10-29 6991
A watch source can only be a getter/efefct function, a ref, a reactive object, or an array of these types.
vue3中watch报错， only be a getter/effect function, a ref, a reactive object, or an array of these types
j15087159186的博客
07-11 260
vue3项目（使用Composition API）（）添加watch监听的时候报错，apply.vue:15 [Vue warn]: Invalid watch source: false A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.
Vue3的watch侦听器分析
最新发布
binqian的专栏
08-12 245
vue3的watch和watchEffect方法的实现分析。watch和watchEffect的一些区别
Invalid watch source: A watch source can only be a getter/effect function, a ref, a reactive object
热门推荐
星夜辰的博客
01-12 1万+
[Vue warn]: Invalid watch source: A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.
Invalid watch source: 8700713675579406. A watch source can only be a getter/effect function, a ref
qq_45327886的博客
11-02 2177
Invalid watch source: 8700713675579406. A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.
问题：使用Vue3中的watch时报错Invalid watch source: undefined A watch source can only be a getter/effect funct
虎康的博客
03-26 1076
一开始以为是不能直接用这种简单数据类型,改成了对象,后面看了官方文档,发现是写错了。监听值要用函数返回 () => props.visible。
Invalid watch source: 127.0.0.1 A watch source can only be a getter/effect function
前端小白到专家的博客
06-22 1660
vue3.0使用watch监听出现Invalid watch source: 127.0.0.1 A watch source can only be a getter/effect function。
Vue3: A watch source can only be a getter/effect function, a ref, a reactive object
CheneyChen27的博客
10-24 996
watch用来监听特定数据源，并在单独的回调函数中执行副作用。默认是惰性的——即回调仅在侦听源发生变化被调用。
Invalid watch source: undefined A watch source can only be a getter/effect function, a ref, a react
agua001的博客
03-03 4132
1、vue3 使用Form组件的useForm时，浏览器警告报错： 2、点击打开找原因： 3、我自己写的代码： import { Form } from "ant-design-vue"; const useForm = Form.useForm; const { resetFields } = useForm(formData); // 重置 const resetSearch = () => { resetFields(); }; 4、useForm 是一个可以独立 Form 组件运行的
列表。vue:28 [vue warn]: Invalid watch source: watch source只能是getter/effect函数、ref、响应对象或这些类型的数组。
05-05
这个警告是因为 Vue.js 监听数据变化时，watch 的源必须是 getter 函数、ref、响应式对象或者包含这些类型的数组。如果 watch 的源不是这些类型之一，就会触发这个警告。 你需要检查一下你的代码，看看是不是 watch...
Vue源码：vue实例挂载篇
老司机的后备箱
06-28 2288
在new一个Vue对象的时候，内部究竟发生了什么？Vue的构造类只做了一件事情，就是调用_init函数进行初始化。 2._init，初始化 _init主要做了这两件事： initData 首先判断data是不是函数，如果是函数的话执行getData。getData做的事情很简单：，因为vue推荐我们把data定义为一个函数然后返回具体的data对象，因此getData只需执行一次data拿到返回值即可。 判断是否与props属性名冲突，然后将data挂载到vue实例中。这里是通过proxy对vue实例的g
【Vue.js 3.0源码】Vue Router：如何实现一个前端路由？
吉帅振博客
08-02 945
相信对有一定基础的前端开发工程师来说，路由并不陌生，它最初源于服务端，在服务端中路由描述的是URL与处理函数之间的映射关系。而在Web前端单页应用SPA中，路由描述的是URL与视图之间的映射关系，这种映射是单向的，即URL变化会引起视图的更新。相比于后端路由，前端路由的好处是无须刷新页面，减轻了服务器的压力，提升了用户体验。目前主流支持单页应用的前端框架，基本都有配套的或第三方的路由系统。......
Vue 官方笔记--组件
小菜的博客
07-24 2891
中文版(英文浓缩) 组件是什么？ 组件：具有预定义选项的实例 组件是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用 通过 prop ，我们可以实现父子组件之间的解耦，有了属性，子组件中就可以使用更为复杂的模板和逻辑，比如如下 <!-- 复制到 html 中可以直接运行哦，看看是什么结果吧 --> <div id="main"> <ol> <!-- 子组件 --> <todo-item v-for=
vue3中的watch源码浅析
qq_39217871的博客
04-16 971
watch源码浅析 通过对reactive的解读中明白了在vue中将被响应式系统收集的依赖为组件更新，computed，watch三类。而watch的具体实现具体是怎样的？这就是本次学习的目标。 依然通过暴露的composition api入手，从watch方法看整个watch的实现过程。 一开始就是连续的4个函数重载，就知道vue3中的watch肯定也还是有所变化的了。 // apiWatch.ts // overload #1: array of multiple sources + cb export
Invalid watch source: XXX A watch source can only be a getter/effect function
Lucky_girl_wan的博客
09-08 2120
vue3.0分页问题： 最后一页的最后一条数据删除后，页面为空，页码没有跳转到前一页报错的问题 解决方法： const paginationData = reactive(props.pagination) watch(() => paginationData.total, () => { if (paginationData.current > paginationData.pages && paginationData.total) { .
vue3-watchEffect源码
欢迎来到☆槿畔☆的博客
02-20 8473
function watchEffect(effect, options) { return doWatch(effect, null, options);//⭐️⭐️返回一个watch函数 } /** *⭐️⭐️⭐️⭐️⭐️doWatch * @param {*} source effect函数 * @param {*} { immediate, deep, flush, onTrack, onTrigger } 监听函数option配置 */ function doWatch(sour.
vue3使用watch失效的一个原因
qq_55014853的博客
03-07 8966
vue3watch失效的一种原因
解决Vue报错：[Vue warn]: Invalid handler for event “click“: got undefined
一边努力一边摸鱼
05-25 5463
报错信息 未修改前的代码 html <el-input style="margin-top: 10px" placeholder="请输入验证码" v-model="verificationCode"> <template slot="prepend">验证码</template> <button @click="getCode(formData)" class="code-btn" :disabled="!show
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值