前端效果:弹窗显示某一行数据对应的具体内容

原先的代码是ajax动态获取数据库中的数据显示在前端,但是只显示其中的两个关键数据,然后点击后面的按钮,弹窗显示对应的全部内容

img

写个弹框的组件,点击more的时候显示就行
或者 直接把这弹框盒子放在html中 more绑定点击事件 可以用dispaly控制盒子的显示和隐藏

先将第三个内容隐藏到对应的more上,当鼠标放上去或经过时,使用JS事件将其显示出来,
就是控制一个标签的显示和隐藏就可以解决问题

写一个弹窗组件,把点击时把详情内容传过去就行。弹窗组件可以自己封装一个。或者用ui