elementUi 按钮点击之后取消状态

news/2024/7/10 1:59:31 标签: vue, elementui

elementUi 中的按钮,点击操作之后按钮的状态会一直存在,如果想要取消的话就手动触发一下,如下:

let target = evt.target;
if(target.nodeName == "SPAN"){
   target = evt.target.parentNode;
 }
 target.blur();

点击的时候去执行这些代码,需要注意的是要看看按钮的文字是不是在span标签内,如果在button里没有span标签就直接evt.target.blur();就可以了


http://www.niftyadmin.cn/n/1770320.html

相关文章

ElementUI Message提醒框点击多次只显示一个

点击按钮message提示,点击多次就会出现多个,这个时候需要手动去关闭一下message所有的实例,如下: this.$message.closeAll(); //手动关闭所有实例 this.$message({message: 您还没有选中哦~,type: warning });

vue 项目build后背景图路径不对的问题

1、用css写背景图样式是以相对路径来写的 .details-share{position: fixed;top: 0;left: 0;width: 100%;height: 114px;background: url("../assets/images/share.png");background-size: 100%; }当使用npm run dev命令本地访问的时候,背景图片是正常显示…

uni-app 封装uni.request

1、首先建立一个文件夹,然后新建一个api.js,js中这样来定义,如下: //const baseUrl http://XXXX.com const request (url , date {}, type GET, header { }) > {return new Promise((resolve, reject) > {uni.req…

Ajax之同步请求和异步请求的区别?使用场景?

一、区别 ①、异步: 在异步模式下,当我们使用AJAX发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含AJAX请求代码的函数中的剩余…

uni-app 中将改成异步请求同步化操作

在uni-app中,uni.request等许多接口都是异步的,有时候需要等接口返回数据后在执行下一步的操作,这个时候我们就用到了异步请求同步化操作。 解决方法: 总体思路就是使用async await,使异步问题同步化。需要 注意 的…

JSON.parse() 和 JSON.stringify()的用法

1、JSON.parse()用于将字符串解析成json对象:如下 2、JSON.stringify()用于将对象解析成字符串:如下:

vue+elementUI el-form 查询导致页面刷新

1、列表点击查询条件返回具体的内容,当输入查询条件按下回车或者是点击查询按钮时候发生页面刷新,并没有去查询,很是费解,其他页面就没有这种情况,然而最后发现导致问题发生的原因竟是当表单只有一个文本框时&#xff…

vue中 this.$set

在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,再次给数据赋值时,有时候并不会更新到视图上,如下所示: data () {return {list: [{ name: "zhangsan", id: "1" …