cool-admin应对⼀个页⾯出现多个表格【element-ui解决】项⽬背景：在⼀个页⾯中引⼊三个表格的需求(这⾥以两个为例⼦好了)
这⾥是失败的例⼦
cool-admin中的cl表格可以实现出现这两个表格
这是data中return回来的
使⽤封装好的onload⽅法，调⽤server接⼝，实现从后端获取数据展⽰出来
注意这⾥后端返回的数据格式必须是list数组，数组中对应的每⼀条数据和table中字段对应，这是组件封装好的必须使⽤list，切记
⽐如这⾥table中有两条数据值，那么页⾯显⽰的时候也会有两个列叫备注和说明，list返回的数据也只能是
[{remark:'备注1',des:'说明1'}，{remark:'备注',des:'说明'}]
类似这种，页⾯就会展⽰两条数据。
但是由于是两个数据表，所以返回⼀个list数据⽆法分配的，因为单纯的cloums⽆法检测是哪个表对应了list中的哪些数据，返回两个list也是不⾏的，前⾯说过只能使⽤叫list的数组。。。。
所以这种⽅法只能pass了。。。。。。
正解：
vue element admin
前⾯的⽅式使⽤的是cl-table的⽅式，cool-admin是基于element-ui的框架，所以到了element-ui作为解决⽅案了。
使⽤下⾯的⽅式就能插⼊很多表格了。。。
在之前写cl-table的地⽅替换成el-table
缩进的地⽅按照饿了么组件⾥那种写法就⾏，后⾯做的事就是从后端获取数据然后绑定在table1，table2上就⾏了。
我的做法是在刷新的钩⼦⾥⾯写了函数，回调获取了后端的数据，这⾥最开始在⽣命周期⾥写了不太成功放弃了。。。然后就是这样。后端接⼝的数据那块就看返回是什么，直接赋值过来就⾏了
最后就是页⾯上有数据展⽰了。
刷新的钩⼦需要在cl-crud⾥⾯配置⼀下:onRefresh="onRefresh"
因为这个问题我忙活了半天，唉。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。