如何用vue element ui组件制作动态走马灯式预览表格内容？

本文共计2641个文字，预计阅读时间需要11分钟。

目录

1.需求分析

2.效果演示

3.代码实现

3.1 table.json 文件 3.2 HTML 代码 3.3 Script 代码总结

1.需求分析

有一个包含多组展示表格数据的 JSON 文件（table.json），需求是展示这些数据。

目录

• 1. 需求分析
• 2. 效果演示
• 3. 代码实现
• 3.1 table.json
• 3.2 HTML 代码
• 3.3 Script 代码
• 总结

1. 需求分析

有这样一个 json 文件（table.json），里面包含有多组需要展示的表格数据，需求就是需要将这些数据进行展示，并且能快速查看不同的数据，由于数据过多，不能一个表格一个表格的进行展示，所以找了一个比较合适的方法，就是通过走马灯将所有数据进行渲染，当切换走马灯时，再展示对应的数据。

2. 效果演示

3. 代码实现

3.1 table.json

由于数据太多，这边只截取部分进行测试。