watch同时监听多个属性

最新推荐文章于 2024-05-11 13:55:50 发布

qianxiling123

最新推荐文章于 2024-05-11 13:55:50 发布

阅读量378

点赞数

分类专栏：学习笔记文章标签：前端

本文链接：https://blog.csdn.net/liutianxiao123/article/details/120768699

版权

学习笔记专栏收录该内容

42 篇文章 0 订阅

订阅专栏

本文详细介绍了Vue.js中计算属性`onChange`的使用，以及如何结合`watch`实现延迟执行的逻辑。通过设置定时器，确保在`keyword1`和`keyword2`变化时，`currentChange`方法在1秒后被调用，从而避免频繁触发更新。此示例展示了Vue.js响应式系统的高效能和灵活性。

摘要由CSDN通过智能技术生成

利用watch和computer，

    computed: {
        onChange(val) {
            const { keyword1, keyword2 } = this;//要监听的变量，直接这样写
            return { keyword1, keyword2 };
        },
    },
    watch: {
        onChange() {
            //所要执行的代码
            if (this.timer) {
                clearTimeout(this.timer);
            }
            this.timer = setTimeout(() => {
                this.currentChange(1);
            }, 1000);
        },
    },