表格数据,后台返回的是数字,所以我们必须得把它转换成相对应的文字,而且要注意的是:我们传给后台的也是数字!!!手写了个demo:模拟一下,调用方法前的原图:数字看着就很懵逼代码: // 不经过任何操作的el-table
<el-table :data="tableData" @selection-change="handleSelection" >
      <el            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-11 14:44:34
                            
                                5229阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            el-table选中所有数据(包括非当前页的数据)的实现抛出问题在日常使用table表格的时候,我们一般会分页来加载数据,不过有些时候又需要选中所有的数据来进行操作,例如:选中满足筛选条件后的商品来参加活动选中所有的记录来一次性删除编辑参加活动的商品时,把原本已参加活动的商品勾选上在刚接触到这个需求的时候,我的第一反应是做不了,数据都没获取到怎么选中他嘛。后来有小伙伴建议让后端新定义一个字段,如i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-30 00:22:26
                            
                                2919阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-table :data="tableData" :height="tableHeight" border size="mini" @selection-change="handleSelectionChange"> <el-table-column align="center" label= ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-12 13:43:00
                            
                                804阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <template>
<div class="commonTable">
    <el-table :data="expertList" class="tabBack" stripe>
        <el-table-column type="index" label="" width="50">
            <templat            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-05 09:24:40
                            
                                494阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue element ui el-table  表格合并            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-07 10:59:01
                            
                                866阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前期回顾     Vue项目实战 —— 哔哩哔哩移动端开发_0.活在风浪里的博客撑着下班前半小时我用vue写《哔哩哔哩 项目》移动端、新手还在哭、老鸟一直在笑。。。技术选型Vue2,技术栈有axios、Vh等,下班过来敲哈哈公司各种需求又来了,直接看下面文吧,一看就懂就不在说需求了 ,此时我觉得我的表情包是【我就像是一个小朋友站在路标下满头的问号】            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-03 11:12:35
                            
                                2115阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、安装 sortablejsnpm i sortablejs --save2、再要使用的引入,或者全局引入也可以,但是我是在使用的地方引入的import Sortable from 'sortablejs'3、直接看代码吧<template>  <div>    <el-table :data="tableData" border i...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-29 11:03:00
                            
                                695阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            做网页的时候,经常会碰到表格宽度对不齐的问题。详细地看了html中表格标签table的高度和宽度设置的细节,现总结如下:1、table中的width和height设置及其作用:table中设置的height其实是设置个最小值,也就是当表格中的内容或者行高总值超过这个设置值时,会自动延长表格的height值,当表格中的内容或者行高没有达到这个值时,会自动扩大到这个值。table中设置的width值一            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-25 08:39:26
                            
                                2568阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-table
   v-loading="loading"
   :data="list"
   class="typeTable"
   @select="handleSelectionChange"
 >
  <el-table-column
      type="selection"
      width="55"
      align="center"            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-06 13:47:53
                            
                                126阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <el-table :row-style="{height:'20px'}" :cell-style="{padding:'0px'}" style="font-size: 10px"> </el-table>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-15 10:56:00
                            
                                333阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            npm install sortablejs --save 2.在页面中引入: import Sortable from ‘sortablejs’ https://www.cnblogs.com/lemoncool/p/11661084.html            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-07-03 12:23:00
                            
                                362阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            v-model 不能直接写成radio通过scope.row的方式达到双向绑定的目的 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-12 14:59:00
                            
                                2567阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            案例1:https://www.cnblogs.com/angelasp/p/12159902.html(vue-element-admin) 前端技术不变,只是后台从mysql换成mongodb+nodejs 下载: vue-element-admin+nodejs+mongodb:https:/ ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-23 11:38:00
                            
                                247阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            代码】[vue]el-table实现自动滚动效果。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-21 10:17:54
                            
                                725阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            规范与每个团队和个人都是息息相关的,因为其影响的不只是只是代码的维护和理解成本,严重的时候是会影响成员开发的心情一个团队的编码规范、git规范等,并没有绝对的最优解,心里要清楚明白没有银弹,规范是为了让团队统一,提高代码阅读性、降低代码维护成本等,本文是记录一些在项目code review中常见的规范,仅供参考JS部分和渲染无关的数据vue中data的数据默认便会进行双向数据绑定,若是将大量的和渲            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-10 07:22:38
                            
                                491阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在el-table里有这么一个属性row-class-name,是一个回调函数,可以给el-table__row加class。 举个栗子: template 1 <el-table :data="dataTable" border style="width: 100%" :row-class-nam            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-12-25 17:01:00
                            
                                783阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>element-ui table自动滚动</title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></scri ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-18 14:53:00
                            
                                540阅读
                            
                                                                                    
                                2评论