当请求速度较慢时（⽹速慢），如果多次点击登录按钮会导致重复触发请求，⽆意义。 在请求期间禁⽤登录按钮点击事件。 通过 Element 中 Button 组件的加载中功能设置即可。 // Element ⽂档示例代码 type=“primary” :loading=“true”>加载中

给登录按钮设置 :loading 属性，并绑定布尔值控制

// login/index.vue type=“primary” :loading=“isLoginLoading” @click=“onSubmit” >登录 // login/index.vue … data () { return { … // 默认不处于加载中 isLoginLoading: false } }, …

请求开始时，设置 isLoginLoading 为 true，当响应完毕后，⽆论成功还是失败都要设置

isLoginLoading: false。

// login/index.vue … async onSubmit () { // 1. 表单验证 // 2. 请求 // 设置按钮加载中 this.isLoginLoading = true const { data } = await request({…}) // 取消按钮加载中状态 this.isLoginLoading = false // 3. 响应处理 … } 设置成功，进⾏测试。