handleDelete(row){ this.$confirm('是否删除当前用户信息?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { myAxios({ url:'/deleteUsergoods', params:{ user:row.user } }).then(res =>{ console.log(res); this.getList(); }).catch(err =>{ console.log(err); }) }).catch(() => {}); }优化这段代码
时间: 2024-03-13 16:45:22 浏览: 70
这段代码可以进行如下优化:
1. 将确认框的文本内容和类型定义为常量,避免多处使用时重复定义。
2. 将网络请求的操作封装为一个独立的函数,避免代码重复。
3. 将网络请求成功后的操作封装为一个独立的函数,方便代码重用。
4. 使用 async/await 代替 then/catch,使代码更加简洁易懂。
以下是优化后的代码:
```
const confirmText = '是否删除当前用户信息?';
const confirmType = 'warning';
async function deleteUsergoods(user) {
try {
const res = await myAxios({
url: '/deleteUsergoods',
params: { user },
});
return res;
} catch (err) {
console.log(err);
throw err;
}
}
function handleDelete(row) {
this.$confirm(confirmText, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: confirmType,
}).then(async () => {
await deleteUsergoods(row.user);
console.log('删除成功');
this.getList();
}).catch(() => {});
}
```
阅读全文