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

vue props无法被watch

描述

使用父子组件prop传参的时候,无法侦听。

解决:

原来代码:

watch(props.XXXX, () => {console.log(1)})

添加两个默认参数:

watch(props.XXXX, () => {console.log(1)}, {deep: true, immediate: true})

原因:

  • 不会watch深层次的修改,比如Array[Object]不会触发。
  • immediate:true:监听的这个对象是否会【立始输出】,也就是监听没开启动作时,就先输入初始值。如果不输入的话,第一次修改不会侦听。

props第一次不会侦听,点击第二次才会。


http://www.kler.cn/a/381554.html

相关文章:

  • uniapp h5端临时路径转file对象上传
  • npm入门教程1:npm简介
  • ES海量数据插入如何优化性能?
  • C++笔试题之实现一个定时器
  • 在K8s平台部署个人博客
  • 特殊矩阵的压缩存储
  • 使用Spring Validation实现数据校验详解
  • AWTK-HarmonyOS NEXT 发布
  • 华为HarmonyOS借助AR引擎帮助应用实现虚拟与现实交互的能力4-检测环境中的平面
  • QML----复制指定下标的ListModel数据
  • 【基于轻量型架构的WEB开发】课程 12.4 页面跳转 Java EE企业级应用开发教程 Spring+SpringMVC+MyBatis
  • Python Matplotlib 子图绘制
  • 省级-能源结构数据(电力消费水平)(2000-2022年)
  • 【go从零单排】go三种结构体:for循环、if-else、switch
  • 【大数据学习 | HBASE】habse的表结构
  • vue前端面试题及答案2024
  • 飞书API-获取tenant_access_token
  • Melty 主体流程图
  • ctfshow文件包含web78~81
  • 八、1.STM32之DMA实验--DMA数据转运
  • 从传统服务器到虚拟化:虚拟机 VM 如何改变计算游戏规则?
  • 【spring】Cookie和Session的设置与获取(@CookieValue()和@SessionAttribute())
  • 企业HR如何选对一款智能招聘软件?
  • 加锁失效,非锁之过,加之错也|京东零售供应链库存研发实践
  • 【网络原理】深入理解关于HTTP协议和报文的格式以及重要的属性
  • web信息收集