vue 中在子頁面中使用watch監聽父頁面數據而導致接口多次調用
解決方式 debounce
function debounce(func, delay) {let timerId;return function(...args) {clearTimeout(timerId);timerId = setTimeout(() => {func.apply(this, args);}, delay);};
}
watch中
watch:{監聽值: {handler: debounce(function(val) {// val為監聽的的新值// 此處調用接口this.#####()}, 500),deep: false,immediate: false,},
}
)
