首页 > 其他分享 >Vue3.0中如何监听props方法

Vue3.0中如何监听props方法

时间:2022-11-14 16:12:46浏览次数:62  
标签:newProps isOpen closeModal Vue3.0 modal props close 监听

export default defineComponent({
  props: {
    isOpen: Boolean,
  },
  emits: {
    "close-modal": null,
  },
  setup(props, context) {
    watch(
      () => props.isOpen, // reactive同理
      (newProps) => {
        console.log(newProps);//查看新值
      }
    );
    const closeModal = () => {
      context.emit("close-modal");
    };
    return {
      closeModal,
    };
  },
});

 

标签:newProps,isOpen,closeModal,Vue3.0,modal,props,close,监听
From: https://www.cnblogs.com/suihung/p/16889343.html

相关文章

  • 深度讲解React Props
    一、props的介绍当React遇到的元素是用户自定义的组件,它会将JSX属性作为单个对象传递给该组件,这个对象称之为“props”。函数声明的组件,会接受一个props形参,获取属性传递......
  • 【Vue2-03】props属性
    props配置功能:让组件接收外部传过来的数据数据传递:<Demoname="xxx">接收数据:方式一(只接收): props:['name'] 方式二(限制类型): props:{ name:String......
  • jsp::过滤器和监听器
    Filter过滤器用于拦截请求和响应,并对响应进行检查和修改,只是起过滤作用,本身没有请求和响应对象,建立过滤器five步骤建立了filter接口类doFilter方法中实现过滤FilterC......
  • 第6章Spring与Web-使用 Spring 的监听器 ContextLoaderListener使得将spring容器对象
    第6章Spring与Web在Web项目中使用Spring框架,首先要解决在web层(这里指Servlet)中获取到Spring容器的问题。只要在web层获取到了Spring容器,便可从容器中获取到......
  • python监听串口双方收发消息内容
    使用说明使用VSPD建立一组虚拟串口查看MCU的端口号与波特率并修改python程序配置,运行即可看到双方收发的效果通过串口助手连接到虚拟串口并向其发送消息即Python显示......
  • 组件的状态(state)和属性(props)之间有何不同?(必会)
    组件的状态(state)和属性(props)之间有何不同?(必会)点击查看代码State是一种数据结构,用于组件挂载时所需数据的默认值。State可能会随着时间的推移而发生突变,但多数时......
  • (在构造函数中)调用 super(props)的目的是什么?(必会)
    (在构造函数中)调用super(props)的目的是什么?(必会)点击查看代码在super()被调用之前,子类是不能使用this的,在ES2015中,子类必须在constructor中调用super()。传......
  • #yyds干货盘点#Vue中的父子组件之间的数据传递之props、$ref和$emit
    props是用于父组件向子组件传递数据信息props是单向绑定的,即只能父组件向子组件传递,不能反向。<!--父组件--><template><div><h1>我是父组件!</h1><c......
  • VueRouter笔记 - 路由参数(query/params/props/meta)
    路由参数目录路由参数1.query2.params参数3.props参数4.meta参数1.queryquery可以用于在不同路由之间传递数据(大多数是父传子)一般网页在跳转时显示的链接,?后......
  • 【快应用】监听页面触顶及数据刷新案例
    问题背景:快应用页面滑动时,滑动到页面某个地方时,想回到页面的最顶端去刷新页面数据,我们该如何实现?解决方法:我们可以通过快应用提供的页面方法this.$page.scrollTo去滑动到指......