本文主要是介绍el-button点击后不恢复原样,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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();}
这篇关于el-button点击后不恢复原样的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!