账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    elementui表格卡顿
    33
    0
        表格最多也就50条数据,为什么每次切换表格的时候会卡顿两秒左右?如果表格十多条数据就不会卡。如何改进一下
    
    
    
    
    
    
    
    
    
      <el-table :data="curr_data" height="700px" key='setTable' @selection-change="handleSelectionChange" v-else-if='type=="set"'  >
                      <el-table-column type='selection'    fixed></el-table-column>
                      
                    <el-table-column v-if='isShowband()'
                      prop="band"
                      label="band"
                      width="100"
                      :filters="[{ text: '', value: '' }, { text: 'bandA', value: 'bandA' }]"
                      :filter-method="filterTag"
                      filter-placement="bottom-end">
                      <template slot-scope="scope">
                        <el-tag disable-transitions>{{scope.row.band}}</el-tag>
                      </template>
                    </el-table-column>
                    <el-table-column prop="name" label="name"  >
                    </el-table-column>
                    <el-table-column  label="value" >
                        <template slot-scope="scope">
                              <el-select  v-if='scope.row.type==7&&scope.row.enum!=-1' v-model="scope.row.dataValue" @change='changeSelect()'>
                                <el-option
                                  v-for="(item,index) in enumArr[scope.row.enum]"
                                  :key="item"
                                  :label="item"
                                  :value="index">
                                </el-option>
                              </el-select> 
                            <el-input v-model="scope.row.dataValue" v-else></el-input>
                        </template>
                    </el-table-column>
                    <el-table-column prop="unit"  >
                    </el-table-column>    
                    <el-table-column >
    
                        <template slot-scope="scope">
                            <span v-if='scope.row.error=="0"' style='color:green '>Success</span>
                            <span v-else-if='scope.row.error==" "'></span>
                            <span v-else style='color:red '>Error</span>
                        </template>
                        
                    </el-table-column>
                  </el-table>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 零负荷的放任 普通会员 1楼

      Element UI 中表格卡顿的问题可能有很多原因,以下是一些常见的可能的原因:

      1. 数据量过大:如果表格的数据量非常大,可能会导致表格中的数据加载速度变慢,从而导致卡顿。可以考虑使用分页加载数据或者使用懒加载技术。

      2. 网络问题:如果网络环境较差,可能会导致表格加载速度变慢。可以尝试优化网络环境,例如关闭不必要的网络请求,或者使用网络加速工具。

      3. HTML、CSS、JavaScript代码:如果代码中有大量的嵌套、重复、不必要的计算或者特效,也可能会导致表格卡顿。可以尝试优化代码,例如减少代码嵌套,避免重复计算,减少不必要的特效等。

      4. 其他因素:除了上述因素外,还有其他一些因素可能会影响表格的加载速度,例如服务器性能、浏览器性能、页面渲染时间等。可以尝试优化服务器性能,例如提高服务器的处理能力,优化页面渲染时间等。

      5. 其他库:如果使用了其他库,也可能会导致表格卡顿。例如,如果使用了轮询等库,可能会导致表格加载速度变慢。可以尝试使用懒加载或者其他更高效的方法。

      在解决表格卡顿问题时,需要根据具体情况进行分析和处理。如果以上方法都不能解决问题,可能需要寻求专业的前端开发团队的帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部