前提:针对点击按钮 有请求发送 的情况
有时候会出现这种情况:一下一下的点击按钮,数据没有啥问题。但是只要连续点击,数据就不对了
解决方法: 给按钮加一个控制字段,在数据没有请求回来之前,按钮是不能点击的
示例代码:
<el-button :disabled="disabled" @click="search">搜索</el-button>
const search = () => {
disabled.value = true //按下就禁用
getList()
}
const list = ref([])
const getList = async () => {
try {
const data = await xxx(参数) //接口请求
list.value = data.list // 其他代码
....
disabled.value = false //结果请求回来以后按钮才能点击
} finally {
.....
}
}