首页 > 其他分享 >关于动态渲染的组件watch监听不到传入的props的问题

关于动态渲染的组件watch监听不到传入的props的问题

时间:2023-05-29 10:56:56浏览次数:63  
标签:watch propsTime immediate props 组件 监听

watch: {
    propsTime: {
      handler (newValue, oldValue) {
      
        console.log('props', newValue)
        this.getOverviewData()
      },
      // 这里增加了一个immediate属性,说明监听到props传参后立即先去执行handler方法
      immediate: true,
    },
  },

当组件依赖的数据是由循环给入时

通过动态组件来切换组件里面的watch是不会监听props第一次传值的。要等到propsTime值改变时才执行监听计算。
那我们想要一开始就让他最初绑定的时候就执行,这个时候就要加入immediate属性

标签:watch,propsTime,immediate,props,组件,监听
From: https://www.cnblogs.com/ysx1129/p/17439806.html

相关文章

  • Java:SpringBoot整合Canal+RabbitMQ组合实现MySQL数据监听
    canal[kə’næl],译意为水道/管道/沟渠,主要用途是基于MySQL数据库增量日志解析,提供增量数据订阅和消费目录一、MySQL设置二、启动Canal服务端三、通过Canal客户端消费数据四、通过RabbitMQ消费数据1、启动RabbitMQ2、修改canal配置3、消费RabbitMQ中的数据文档资料github:https......
  • Canal 安装 && 使用,监听Mysql数据库
    1.下载canal.deployer-1.1.5.tar.gz2.查看数据库是否开启binlog模式(必须)showvariableslike'log_%';log_bin属性值为ON,则binlog模式开启;为OFF则binlog模式关闭。若binlog模式关闭,则在MySQL配置文件my.cnf(my.ini)设置如下信息:[mysqld]log-bin=mysql-bin#开启binlogbi......
  • 在Directory.Build.props中用全局变量来管理包的版本号
    1、顶级目录下放置Directory.Build.props文件为每个软件产品,分配一块独立的windows盘符,在根目录下放置名为Directory.Build.props的文件即可。这个文件名是特定的,必须叫这个。如果公司有很多产品,引用的同一个包的版本可能是不同的,那么在磁盘根目录下就不要有Directory.Build.props......
  • Listener(监听器)
    概念:监听器其实就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个java对象的方法调用或属性改变,当被监听对象发生上述事件后,监听器某个方法立即被执行。作用:监听javaweb的三个对象,ServletContext,ServletRequest,HttpSession编写步骤1.编写一个类实现监听器接口重......
  • 监听文件夹下的文件变化, 并且传输到S3 (2)
     直接使用docker发布################whenfilecreatedtransferittoS3anddeleteit#########################3sudodockerrun-itd--privileged--restart=always--namefile_transfer_s3\-e'LISTENER_DIR=/opt/listener/'\-e'LISTE......
  • day107-过滤器与监听器
    过滤器filter:过滤器用来过滤网站的数据处理中文乱码登陆验证......导入maven包<dependencies><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0&......
  • FLEX实践—模拟Application与Module间的事件监听
         一直找到如何在Application中发出一个事件,让Module捕获该事件并做出相应的动作。但是一直没找到,于是模拟了一个这样的情景。 WatchTest.mxml<?xmlversion="1.0"encoding="utf-8"?><mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"......
  • mac监听远程ip 某端口是否可用
     服务端配置1.开启关闭端口firewall-cmd--zone=public--add-port=5672/tcp--permanent#开放5672端口firewall-cmd--zone=public--remove-port=5672/tcp--permanent#关闭5672端口firewall-cmd--reload#配置立即生效2.查看防火墙所有开放的端口firewall-cmd--zon......
  • 首搭骁龙最强芯片,80小时超长续航,出门问问发布旗舰新品TicWatch Pro 5
    出门问问海外推出备受期待的旗舰新品TicWatchPro5,迄今为止最强大的TicWatch。TicWatchPro5是第一款基于Snapdragon®W5+Gen1可穿戴平台的智能手表,搭载了谷歌™最新版本WearOS系统。作为业内领先的AI公司和TicWatch智能手表的制造商,出门问问于今天(旧金山时间5月24日上午9点/北......
  • vue2子组件切换,监听方法失效(监听多个字段)
    记录下问题本来是在父页面上放了多个子组件,利用单选按钮控制每个组件,选择了某个按钮,设置该组件控制字段为true,例如v-if="component"来控制销毁创建,根据component=true或者flase来控制子组件创建或者销毁后来发现子组件切换时,监听不生效,监听方法也加了immediate=true,当几个按钮......