vue的Table表单中, 点击时候弹出当条详情页面?

Question

1.自己是用vue+element-ui的Table表单来布局, 现在有个需求是点击当条数据的时候弹出一个当条的详情页, 也就是做弹窗, 自己首先是想到通过路由来做, 但是又没什么思路,下面把图接截出来了, 请各位大佬指点

Answer 1

后面发现element-UI的Dialog对话框来解决了

Answer 2

仅仅是显示当条数据的详情，最好不使用路由。
因为如果使用路由，当用户点开了一条后想关闭或点另一条时会比较麻烦。
推荐使用 v-show 来开关详细信息的弹窗。至于具体逻辑，慢慢试试吧，应该不难。