当前位置: 首页 > news >正文

vue watch 监听对象的某个属性

新建 userinfo = { name: "小明",  age: "18", }

  vue中watch监听name的方法

  1. 可以结合计算属性的方法实现

1

2

3

4

5

6

7

8

9

10

11

12

{

  ......

   watch: {

     nm () {

       console.log(this.nm)

     }

   },

    computed: {

      nm () { return this.userinfo.name }

   }

  ...... 

}

  2. 可以通过配置 deep 为true实现

复制代码

// 监听对象的某个值
{
  ......
   watch: {
     'userinfo.name' () {
       console.log(this.nm)
     }
   }
  ......  
}

// 直接监听整个属性,消耗大
{
  ......
   watch: {
     userinfo () {
       handler () {
           console.log(this.nm)
       },
       deep: true
     }
   }
  ......  
}        

相关文章:

  • axios上传的时候,.then,.catch都触发了
  • input上传文件选择同一文件时change事件不生效解决方法
  • vue数据变了,视图没有更新解决方法
  • 详解elementUI中input框无法输入的问题
  • vue实现表单未编辑或未保存离开弹窗提示功能
  • vue中父组件异步获取数据给子组件传参
  • 如何打造一个属于自己的命令行工具
  • git bash使用vue-cli创建项目无法切换选项
  • 线程和进程的区别是什么?
  • vue中的mixins(混入)使用场景介绍
  • webpack中,devServer.proxy跨域无效的解决办法
  • 数组里的字符串转换成数字或者把数字转换成字符串
  • 小米运动蓝牙耳机使用说明书-如果第二次切换到配对状态
  • el-input只能输入数字
  • element多个弹窗层级问题
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • Angular数据绑定机制
  • bootstrap创建登录注册页面
  • GitUp, 你不可错过的秀外慧中的git工具
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • maya建模与骨骼动画快速实现人工鱼
  • PHP CLI应用的调试原理
  • python docx文档转html页面
  • Windows Containers 大冒险: 容器网络
  • 初识 beanstalkd
  • 反思总结然后整装待发
  • 聊一聊前端的监控
  • 实现菜单下拉伸展折叠效果demo
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • 做一名精致的JavaScripter 01:JavaScript简介
  • zabbix3.2监控linux磁盘IO
  • 积累各种好的链接
  • ###项目技术发展史
  • #DBA杂记1
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • #我与Java虚拟机的故事#连载15:完整阅读的第一本技术书籍
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (超详细)语音信号处理之特征提取
  • (二)WCF的Binding模型
  • (附源码)spring boot建达集团公司平台 毕业设计 141538
  • (附源码)ssm基于web技术的医务志愿者管理系统 毕业设计 100910
  • (附源码)计算机毕业设计SSM教师教学质量评价系统
  • (蓝桥杯每日一题)love
  • (四)Linux Shell编程——输入输出重定向
  • (算法二)滑动窗口
  • (终章)[图像识别]13.OpenCV案例 自定义训练集分类器物体检测
  • ./configure,make,make install的作用
  • .gitignore文件设置了忽略但不生效
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .NET 回调、接口回调、 委托
  • .net操作Excel出错解决
  • @Async注解的坑,小心
  • @Responsebody与@RequestBody
  • []串口通信 零星笔记
  • [Android] 240204批量生成联系人,短信,通话记录的APK