vue3 watch props 监听属性变化

最新推荐文章于 2024-10-11 15:17:29 发布

曹天骄

最新推荐文章于 2024-10-11 15:17:29 发布

阅读量3.4k

点赞数 2

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/solocao/article/details/124765106

版权

Vue watch 模态框数据绑定状态管理

关键词由CSDN通过智能技术生成

vue 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

我的需求是弹出一个模态框。使用visible控制隐藏与现实，需要watch，visible变化，执行其他相关操作。
核心代码如下：

import { watch, toRefs } from "vue";
const props = defineProps({
  visible: {
    type: Boolean,
    default: () => {
      return false;
    },
  },
});
const visible = toRefs(props).visible;
watch(visible, (newValue, oldValue) => {
  alert(newValue);
});