Element-UI中,按钮点击删除后移开鼠标颜色仍然聚焦的解决方法
2023-12-13 03:44:44
问题:使用列表循环当列表中点击删除后删除成功,但是删除按钮还是会有聚焦
解决方案如下:
<el-button type="primary" size="small" @click="workerDel(scope.row.id)">删除</el-button>
workerDel(id) {
this.$confirm("此操作将永久该记录, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
let params = {
ids: [id]
}
delDateSchedule(params).then((res) => {
this.$message.success("删除成功");
//自动创建一个a标签
//添加到dom中
//并且隐藏它
//模拟a标签点击
//让删除按钮的聚焦失焦
//移除a标签
const a = document.createElement("a");
document.body.appendChild(a);
a.style.display = "none";
a.click();
document.body.removeChild(a);
//重新刷新列表
this.getSchedulePage();
});
});
},
效果如图:
注意事项:后续测试发现点击删除后删除成功删除按钮自动失焦了(正常了),之所以出现删除成功后还会聚焦可能是由于网速太慢了或者开了vpn才会出现这种情况。
文章来源:https://blog.csdn.net/weixin_50466102/article/details/134872047
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!