鍍金池/ 問答/HTML5  HTML/ element-ui中表格問題

element-ui中表格問題

圖片描述

如圖這是element-ui 做的表格,我現(xiàn)在要實(shí)現(xiàn)點(diǎn)擊圖片顯示三個(gè)按鈕,這個(gè)用vue可以實(shí)現(xiàn),element-ui有表格行點(diǎn)擊方法,用v-if控制

現(xiàn)在的問題是我怎么控制它隱藏?就是我點(diǎn)擊其他地方,使得控制v-if的量變?yōu)閒alse

求大神指點(diǎn)

回答
編輯回答
念初

1.可以給那個(gè)按鈕的大盒子綁定一個(gè)mouseleave事件,移除隱藏,如果要單擊隱藏可以在外面套一個(gè)大的div綁定單擊事件
2.還有一個(gè)方法,直接判斷事件觸發(fā)源是不是除了那個(gè)按鈕盒子,貼上代碼

$(function(){ 
$(document).bind("click",function(e){ 
var target = $(e.target); 
if(target.closest(".pop").length == 0){ 
$(".pop").hide(); 
} 
}) 
}) 

可以給盒子命名一個(gè)類為pop,利用jquery的closest()函數(shù)用于從當(dāng)前匹配元素開始,逐級向上級選取符合指定表 達(dá)式的第一個(gè)元素,并以jQuery對象的形式返回是否含有.pop類

3.希望可以幫到你

2017年4月22日 09:33
編輯回答
紓惘

全屏綁定一個(gè)點(diǎn)擊事件 把v-if 綁定的值變?yōu)閒alse 就是了啊 記得阻止事件傳播就好了 我是這樣想的

2018年8月20日 07:27