前端面试题【element ui篇】之四:element-UI的table组件有哪些属性,为什么table组件要用key?

本文详细介绍了 Element-UI 中 Table 组件的各种属性及其用途,包括 data、size、height 等,并解释了 row-key 属性对于优化渲染的重要性及应用场景。
部署运行你感兴趣的模型镜像

element-UI的table组件有哪些属性,为什么table组件要用key?

  • table表格组件的属性有:
    • data , 显示的数据
    • size , 表格的尺寸, 可选的值有medium / small / mini
    • height , Table 的高度,默认为自动高度。如果 height 为 number 类型,单位 px.
    • empty-text , 空数据时显示的文本内容
    • stripe , 是否为斑马纹 table , boolean类型.
    • border , 是否带有纵向边框 , boolean类型.
    • row-key , 行数据的 Key,用来优化 Table 的渲染;在使用 reserve-selection 功能与显示树形数据时,该属性是必填的.
  • 为什么table组件要用key?
    row-key属性用来优化 Table 的渲染, 如果不添加row-key,当重新请求渲染表格数据,会默认触发@current-change等等方法,因为重新渲染列表,current-change发生了改变,原本选择的row,变成不再选择任何一行,导致问题很难排查.
    参考官网: table组件

您可能感兴趣的与本文相关的镜像

Facefusion

Facefusion

AI应用

FaceFusion是全新一代AI换脸工具,无需安装,一键运行,可以完成去遮挡,高清化,卡通脸一键替换,并且Nvidia/AMD等显卡全平台支持

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值