Vue表格首列相同数据合并怎么实现

阅读：222 来源：乙速云作者：代码code

Vue表格首列相同数据合并怎么实现

表格首列相同数据合并

1. 添加文件

1.src/views 下新建mergeCell.vue文件，代码如下：


            
            
                
                    
                        {{scope.row.result_status}}
                    
                
            
            
                
                {{ scope.row.created_at}}

2. 添加路径

在router下添加，如下路径

{
    path: '/mergeCell',
    component: Layout,
    children: [
      {
        path: 'mergeCell',
        name: 'mergeCell',
        component: () => import('@/views/mergeCell.vue'),
        meta: { title: 'mergeCell', icon: 'form' }
      }
    ]
  },

3. 查看效果

npm run dev 运行，效果如下图

Vue表格首列相同数据合并怎么实现

分享到：

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们： hlamps#outlook.com （#换成@）。

上一篇： Java源码分析SpringMVC执行流程

下一篇： Redis缓存空间怎么优化

你可能感兴趣