个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
26
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章vue.js watch经常失效的场景与解决方案由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
使用过watch的，应该起码经历过一次失效.
比如，我们监听对象的时候，在没有踩坑之前，很容易这样写:
但是，X，这里的watch是无效的!!.
因为 obj 是引用类型！！！ 。
引用类型的指针是固定的，所以如果不是重新赋值，那么其赋值的变量自然也不会发生变化.
举个例子:
let obj = { a: 1 };let obj1 = obj;let obj2 = { ...obj };obj1.a = 2;obj2.a = 3;// 这里肯定是true，因为obj和obj1都是同一个指针，不明白的搜下引用类型console.log(obj1 === obj);// 这里肯定是false，因为指针不同console.log(obj2 === obj);
怎么解决呢？也简单！ 。
设置deep:true，这样obj中的属性发生变化（可被监测到的），便会执行 handler 函数；.
！！！注意，因为是引用类型，所以newValue 和oldValue始终相等，千万不要犯傻的写相等就return，那就永远也不往下走了。。。.
引用类型，除了对象，很容易想到数组，那数组是不是也需要这样写呢。 话分两头:
因为vue2里，数组被特殊处理了，跟 obj 不等同，所以需要分情况.
也就是数组项是值类型的话，直接这么写就行:
对象类型的话，上面是不行的，先举个错误 ❌ 的例子:
不打印的原理，依然是数组项是对象类型，想watch对象类型，必须加deep 。
正确做法 ✅:
watch:{ arr: { handler(newValue) { // 这里就可以打印了 console.log(newValue); }, deep: true },}
watch失效的场景:
解决方案：加deep:true.
官网文档 。
computed:{ fullName(){return this.firstName + this.lastName}},watch:{ fullName(){...}}
watch的用法 。
到此这篇关于vue.js watch经常失效的场景与解决方案的文章就介绍到这了,更多相关vue.js watch失效的场景与解决内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我！ 。
原文链接：https://juejin.cn/post/6914593379695198222 。
最后此篇关于vue.js watch经常失效的场景与解决方案的文章就讲到这里了,如果你想了解更多关于vue.js watch经常失效的场景与解决方案的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
26
4
0
在 Elastic Watcher 的官方网站上，他们说 Watcher 是 Elasticsearch 的插件，可根据数据的变化提供警报和通知 可以通过定期 Elasticsearch 查询 识别相
我有一个配置了 watch OS1 架构的项目。现在我想在同一个项目中只支持 watch OS2 架构。因此，为了在现有项目中仅配置 watch OS2，我删除了 watch OS1 的所有目标，包括
我想从我的 xcode 项目生成一个 .watchface 文件。有什么方法可以从默认 watch 应用程序之外创建 .watchface 文件吗？ 我找到了一个网站Facer ，他们提供定制选项并从
我的手机在 Xcode 中被列为 ineligible target 并在旁边显示(没有配对的 Apple Watch)。 我的 Apple Watch 在 iOS 设备下注册。我可以看到UDID。
最近我在 gulp watch 上遇到错误，我用谷歌搜索并试图解决这个问题，但没有成功。有谁知 Prop 体原因吗？ 应用程序基于 AngulerJs 1.3 并运行在 npm 5.7.1/node
关闭。这个问题需要更多focused .它目前不接受答案。 想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 4年前关闭。 Improve this questi
我有一个并发症，可能需要每 5 分钟更新一次。这很容易总结为每天 120 次更新。有没有办法只在用户唤醒 watch 时更新？ 最佳答案 我认为您的问题的答案是否，目前没有办法只在用户唤醒 watch
有没有人有苹果 watch 在没有任何额外应用程序或集成设备的情况下生成的数据类型列表？它必须是 these 的子集，但我无法弄清楚哪些 最佳答案 数据类型的确切列表取决于型号，但最新的 Apple
在我的苹果 watch 扩展中，我想使用长按手势功能。是否有任何 api 等效于 UILongPressGestureRecognizer。我的要求是，在 watch 扩展上，我有表格想要长按单元格，
我一直在互联网上关注很多教程来学习如何设置并发症。按预期设置并发症我没有问题。 直到初始时间线条目过期。 12 小时后，我不知道如何更新它以保持并发症的存在。我将在下面分享我拥有的所有内容，希望有人可
今天几乎是偶然的，我偶然发现了索尼正在开放固件开发并在他们自己的引擎盖下创建一个项目的公告: http://developer.sonymobile.com/services/open-smartwa
目前用于语音听写的方法并不忙。使用的方法是“presentTextInputControllerWithSuggestions”。它遵循单个语音输入“VoiceInputButton -> Speak
我在获取 gulp-watch 时遇到问题或 gulp-watch-less在遵循记录的示例后触发。我最初解决的问题是lazypipe(此处未显示)，但在我看来，我在使用插件的方式上做错了。这是我的简
我正在使用 Xcode 开发 Apple Watch 应用程序。我想在屏幕的左上角放置一些文本，与列出时间的位置相邻。 当我将标签向上拖动到屏幕的一部分时，它会自动向下对齐。 我看到大多数 Apple
我似乎找不到在哪里设置我的 Apple Watch 应用程序的产品名称。我确实看到了产品名称选项，但更新它没有任何作用。也看不到文档中的任何内容 最佳答案 为了让您的应用程序名称在 iPhone 上的
只是一个简单的问题。 选项和实例方法有什么区别？ 基于 watch 示例，我们可以将 watcher 实现为一个选项( https://v3.vuejs.org/api/options-data.ht
是否可以设置count而不会触发 $watch打回来？ $scope.count=1; $scope.$watch('count',function(){...}); 谢谢。 最佳答案 您可以使用 s
对于 sass 目前我正在使用 sass --watch path1:path2 将 scss 文件编译为 css 但我什至发现 compass watch path1:path2 还。这两款 wat
“事件”应用程序是否有 API？例如，我想从应用程序的“锻炼”部分检索信息(您燃烧的卡路里)，我想检索您第一次打开应用程序时输入的个人信息。那可能吗？我如何检索这些信息？ 最佳答案 没有专门针对事件应
有什么方法可以在 Apple Watch 上启用/配置 Wi-Fi 代理服务器吗？ 我们想通过 Charles 测试一些东西，所以我们想将 Apple Watch 与 Charles 连接起来。 我没
我是一名优秀的程序员,十分优秀！