VUE : 双重 for 循环写法、table 解析任意 list 、万能表格组件、解析一维数组、动态生成 table 所有数据

1.需求:

我想要一个 table 组件能在实际调用时动态生成所有的  tr 、td 。

后端返回的只是一个 list , 前端页面解析时只要把这个 list 作为参数传给 这个组件就能自动展示任意一维数组的所有数据。

2. 实现:

定义一个组件,取名为 oneTable,用双重 for 实现需求。

oneTable :





父级组件调用处:

VUE : 双重 for 循环写法、table 解析任意 list 、万能表格组件、解析一维数组、动态生成 table 所有数据_第1张图片

父级组件代码:(目前用的是假数据,请求后端接口获取 list 尚有待完善)





3.运行效果:

VUE : 双重 for 循环写法、table 解析任意 list 、万能表格组件、解析一维数组、动态生成 table 所有数据_第2张图片

你可能感兴趣的:(Vue,VUE,-,微风)