el-button点击后不恢复原样

发布时间:2024年01月09日

1、单纯的span点击不恢复原样

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

将此句加入到函数中即可,不用管语句中出现的红色下划线

2、假如是点击其他标签,譬如带有图标的什么
将if判断改变一下

  let target = event.target;
      if(target.nodeName == "I" || target.nodeName == "SPAN"){
      target = event.target.parentNode;
  }
  target.blur();

3、同理再有其他的,在if中加入判断即可

4、!!!重点!!!
假如你的函数是

    const showPicture = (row: object) => {
      router.push({ name: 'businessPicture', query: { bid: row.index } })
    }

想让此函数变成点击后恢复原状态
加入1中的语句即可,不要管event是怎么来的
即:

    const showPicture = (row: object) => {
      router.push({ name: 'businessPicture', query: { bid: row.index } })
        let target = event.target;
		if(target.nodeName == "SPAN"){
		    target = event.target.parentNode;
		}
		target.blur();
    }
文章来源:https://blog.csdn.net/leshen_88/article/details/135457724
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。