解决方法:
1.使用 @finish
事件监听倒计时结束,并在事件处理函数中调用 getList()
方法。
2.结果还是不行,接口会被调取多次,使用防抖函数:如果 getList()
方法执行的操作比较耗时,可以使用防抖函数来避免多次调用。例如,使用 lodash 的 debounce
函数:
模板
<up-count-down :time="timeSecond" class="red" format="HH:mm:ss" @finish="getList" ></up-count-down>
js
import { debounce } from 'lodash'
const getList = debounce(() => {
console.log('获取列表数据')
// 在这里调用你的 getList 方法
}, 300)