element ui 怎么循环数据并渲染上去

img


是这种点击按钮,变化里面表格 el-table 的数据,我是写了3个,分别显示当前,隐藏其他,效果可以出来,就是代码太多了,听说可以写个公用组件进行循环,不知道还有其他方法没

写一个方法 传不同参数,根据参数 过滤数据。

onclickBtn(key){
  if(key==1){  //分类

 }else if(key==2){//分发
}else{ //合作方
}
}

这种一般是由改变接口解决的呀。例如点击某一个就请求对应的数据,然后把数据渲染。如果是本地的数据,就分开三种数据,切换时,把循环的数据改成对应的数据

img


都放一个数组[{},{},{}]对象里面是每一个table的内容,
el-table也for循环展示里面三个对象就是每次渲染的数据
label啥的都放在,再套个v-for循环colum

有点类似于 antd的 columns 这个 列是自己配置 ,vue里 也可以借鉴这个思想 , v-for生成 列 。上面 我给你思路了