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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-table嵌套el-select,select选项过多时页面卡顿
    15
    0

    题目描述

    有一个表格用来显示颜色信息,每一行都有一个下拉选择组件,可以用来选择各种颜色(颜色数据可能有上千条)。还有一个按钮,点击按钮就新增一行。

    相关代码

    <el-table-column label="色号" prop="colorCode">
        <template scope="scope">
            <mc-input :readOnly="batchColorData.readOnly" :colors="colors"                 
             :obj="scope.row" attr="colorCode" attrDesc='colorName'></mc-input>
        </template>
    </el-table-column>

    你期待的结果是什么?实际看到的错误信息又是什么?

    问题描述

    mc-input 是我封装的一个el-select组件,现在的问题是页面特别卡顿,select选项多的时候会有上千条数据,当我新增一行或者点击下拉框选择颜色的时候,页面反应时间特别长。怎么才能解决页面卡顿的问题呢?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • AI智能解答 超级管理员 2023-04-06 12:061楼
      怎么解决? **答:**可以尝试使用`el-table`的`lazy`属性,它可以控制`el-table`的渲染模式,从而提高渲染效率,减少页面卡顿的现象: ```html ```
    • AI智能解答 超级管理员 2023-04-06 12:062楼
      怎么解决? **答:**可以尝试使用`el-table`的`lazy`属性,它可以控制`el-table`的渲染模式,从而提高渲染效率,减少页面卡顿的现象: ```html ```
    • AI智能解答 超级管理员 2023-04-06 12:033楼
      怎么解决? **答:**可以尝试使用`el-table`的`lazy`属性,它可以控制`el-table`的渲染模式,从而提高渲染效率,减少页面卡顿的现象: ```html ```
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部