taro里面写watch，监听一个reactive的对象。我写了深度监听，但是没有走监听

最新推荐文章于 2023-12-21 10:29:08 发布
最新推荐文章于 2023-12-21 10:29:08 发布
阅读量356 收藏
点赞数
文章标签： taro 前端 vue.js Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33769914/article/details/129690147
版权
在Vue3中，直接赋值给reactive定义的对象会导致响应式失效。解决方法是通过逐个属性赋值或者使用ref。例如，currentQuery.queryId=testResult.queryData[currentQueryIndex].queryId，这样可以保持响应性。
摘要由CSDN通过智能技术生成

我想监听这个currentQuery

打印了一下他的确是内容变化了。但是并没有走watch

最后发现reactive定义的对象给他整体的赋值是不会走监听。

在vue3中不管是对象还是数组都不能直接将整个数据进行赋值，这样会造成reactive定义的响应式失效

所以我把赋值的地方改成

currentQuery.queryId=testResult.queryData[currentQueryIndex].queryId

这样的一个个对象的内容赋值就不会失效啦。或者是把reactive改成ref

肖肖肖丽珠
关注
Vue3-Watch踩坑-watch监听无效
qq_40441489的博客
11-23 7243
从vue3源码分析watch的使用注意事项
taro-vue3监听左滑/右滑手势退出
suxiao_21的博客
05-04 4276
一.业务背景 我做的是一个要货小程序，没有华丽的页面，没有购物车，就是在要货页面填写要货数量，然后跳转到预览页面。预览页面有保存和支付按钮。可以先点保存，再点支付。也可以直接点支付，支付的同时进行保存。 问题：支付成功后直接跳转回菜单页面，但是保存后会停留在预览页面，毕竟还有个支付按钮可以点。问题就在这了，保存成功后点回退页面，不应该再回到要货页面，而应该回到菜单页面。 二.解决过程 1.第一步，我在预览页面做了自定义头部导航栏，根据订单号是否为空，来判断是跳回一个页面，还是跳回菜单页面。因为保存之
【Vue3】reactive 直接赋值会导致 Vue 无法正确地监听到属性的变化，从而无法触发视图更新
小秀的博客
07-25 1200
函数创建响应式对象时，Vue 会将对象的每个属性转换为响应式数据，并使用 Proxy 来监听属性的访问和修改。为了确保 Vue 能够正确地追踪响应式数据的变化并触发视图更新，我们应该使用 Vue 提供的响应式 API 来修改数据，例如使用。因此，当我们直接给响应式对象的属性赋值时，Vue 无法感知这个变化，也就无法触发之前收集的依赖，导致视图无法正确地更新。的方式来访问和修改数据。然而，如果我们直接给响应式对象的属性赋值，而不是通过 Vue 的响应式系统进行赋值，例如直接通过。创建响应式数据，并通过。
关于vue3的watch监听不到reactive属性的变化解决方案
m0_62087405的博客
07-25 1420
watch监听 reactive属性
监听watch中，ref()和reactive()响应式数据的区别
2301_76979068的博客
07-12 514
组合式API中监听不同响应式数据的区别。ref()和reactive()
Taro入门一脚
04-02 257
taro安装 1、安装脚手架 npm install -g @tarojs/cli 2、初始化项目 taro init 项目名 3、安装依赖 npm install/yarn 4、编译 # yarn $ yarn dev:weapp $ yarn build:weapp # npm script $ npm run dev:weapp $ npm run build:weapp # 仅限全局安装 $ taro build --type weapp --watch $ taro build --type
手把手教你用Taro框架写一个图像处理类微信小程序。
05-29
在本文中，我们将深入探讨如何使用Taro框架构建一个图像处理类的微信小程序。Taro 是一个开源的多端开发框架，它允许开发者编写一次代码，就能运行在微信小程序、H5、React Native等多个平台上。结合TypeScript的强...
taro-cnode:"第一次尝试用taro写cnode，该项目为一个微信小程序"
04-18
页面（Page）是小程序的基本单位，Taro-Cnode中的每个页面通常由一个.js文件（逻辑层）、一个.wxml文件（结构层）和一个.wxss文件（样式层）组成。.js文件负责处理业务逻辑和数据绑定，.wxml文件负责布局和组件的...
VUE3-watch侦听reactive数据
MCCLS的博客
07-19 709
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RgyYrHSM-1689761692664)(https://gitee.com/zhang_luwei/image-resources/raw/master/image/1689586856365.jpg)]如果想指定某个属性侦听，则第一个需要侦听的数据，必须是一个函数。即侦听的如果不是响应式的，需要使用函数。
微信小程序实现animation动画
08-28
主要为大家详细介绍了微信小程序实现animation动画的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue3问题：如何解决watch监听对象和数组失效情况，以及如何停止监听？
热门推荐
m0_74802419的博客
07-10 1万+
监听数组或对象，修改其属性数据，但watch并没有监听到变化，寻找原因和解决方式。 1、怎样正确使用watch监听对象和数组？ 2、怎样停止watch监听？
前端开发框架“taro”从入门到爆哭--介绍与安装篇
最新发布
火山的博客
12-21 3111
Taro框架入门
小程序与动画的故事
凹凸实验室
04-09 700
一、故事序幕 时间一分一秒地流逝，小程序已伴随我们三载有余，今天要讲的是关于小程序与动画的故事：从前... 二、故事开头 一提小程序与动画，首先想到的是什么？嗯，微信小程序独创了一套动画玩法，官方支持3种动画方案，分别是 createAnimation 、 this.animate 和 CSS3动画。 1. createAnimation与Animation 创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。
taro项目拉取下来报错
weixin_45663264的博客
03-15 3841
$ cnpm run dev:weapp weApp@1.0.0 dev:weapp D:\VR\durian-weapp npm run build:weapp – --watch weApp@1.0.0 build:weapp D:\VR\durian-weapp taro build --type weapp “–watch” � Taro v3.1.3 (node:12848) UnhandledPromiseRejectionWarning: Error: Cannot find modu
vue3中watch监听reactive数据和ref
G_ruirui的博客
09-08 3799
vue3中watch监听reactive和ref
watch监听reactive的内部数据的变化
weixin_50755029的博客
04-12 170
监听对象的时候 newValue 和 oldValue 是全等的。watch监听 reactive 的内部数据。监听reactive。
Taro3+Vue3.0做实战项目的总结和方法
Web_boom的博客
08-17 3185
Taro3.0Vue3.0PinianutUInutUI按需引入定制化和抽离http封装以及如何全局使用，多人协同开发劫持生命周期做路由的鉴权/对路由跳转的二次封装setup语法糖的使用阿里iconfont在项目中的使用分包，主包太大开启压缩) 具体的颜色属性可以参考：[github.com/jdf2e/nutui…](https://link.juejin.cn/?...
Taro开发微信小程序安装运行
gay
10-26 4764
简介 Taro是一个遵循React语法能够编译出微信小程序、H5、RN等运行代码并统一多端开发的框架。 安装 注意：安装前先把node更新为最新的版本，以防在安装taro的时候会出现错误！！ 在window上更新直接去node官网下载，安装路径在node旧版本的路劲下，这样就会覆盖掉旧版本的 npm install -g @tarojs/cli taro init demo 注意：出现以下这样的...
taro函数式 h5 监听微信物理返回键
06-06
在 Taro 函数式组件中，你可以使用 `useEffect` 钩子函数...在 `useEffect` 的依赖项中传入一个空数组，表示只在组件挂载时执行一次监听代码，以及在组件卸载时取消监听。在回调函数中，你可以编写处理返回事件的逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值