鍍金池/ 問答/Java  HTML/ vue的Table表單中, 點(diǎn)擊時(shí)候彈出當(dāng)條詳情頁面?

vue的Table表單中, 點(diǎn)擊時(shí)候彈出當(dāng)條詳情頁面?

1.自己是用vue+element-ui的Table表單來布局, 現(xiàn)在有個(gè)需求是點(diǎn)擊當(dāng)條數(shù)據(jù)的時(shí)候彈出一個(gè)當(dāng)條的詳情頁, 也就是做彈窗, 自己首先是想到通過路由來做, 但是又沒什么思路,下面把圖接截出來了, 請各位大佬指點(diǎn)

clipboard.png

clipboard.png

回答
編輯回答
陪她鬧

僅僅是顯示當(dāng)條數(shù)據(jù)的詳情,最好不使用路由。
因?yàn)槿绻褂寐酚?,?dāng)用戶點(diǎn)開了一條后想關(guān)閉或點(diǎn)另一條時(shí)會比較麻煩。
推薦使用 v-show 來開關(guān)詳細(xì)信息的彈窗。至于具體邏輯,慢慢試試吧,應(yīng)該不難。

2017年2月27日 02:18
編輯回答
萌小萌

后面發(fā)現(xiàn)element-UI的Dialog對話框來解決了

2017年12月17日 05:43