场景： 切换页签时动态改变表格展示列以及对应数据项
使用方式： 通过v-if条件判断控制显隐
问题： 导致表头乱飞、错位，明明数据项有值，但是通过props获取值在页面上没有显示出来
分析原因： vue在渲染元素时，处于效率考虑， 会尽量地复用已有的元素而非重新渲染，导致元素间相互影响，不能正常渲染
解决方案：
用 key 管理可复用的元素
只需添加一个具有唯一值的 key attribute 表名“该元素是完全独立的，不要复用它”

<el-table-column prop="name" label="姓名" key="name" > </el-table-column>
GitHub 加速计划 / eleme / element
14
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支：2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo
GitCode 开源社区

新一代开源开发者平台 GitCode，通过集成代码托管服务、代码仓库以及可信赖的开源组件库，让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

cover

libmd 实现详解：仓颉语言中的哈希算法库开发实践

avatar GitCode 开源社区
cover

仓颉迁移实战：将 Node.js 微服务移植到 Cangjie 的工程化评测

avatar GitCode 开源社区

librtp 实现详解：仓颉语言中的 RTP和RTCP 协议库开发实践

在实时音视频通信、流媒体传输、网络监控等场景中，RTP/RTCP 协议是确保数据正确传输和实时反馈的关键技术。RTP 负责传输音视频数据，RTCP 负责传输控制信息，两者配合工作，共同保障实时通信的质量。librtp 库旨在为仓颉语言提供一套完整、高效、易用的 RTP/RTCP 协议处理解决方案，支持 RTP 包的创建、读取和序列化，RTCP 包的创建和解析，NTP 时间戳和 RTP 时间戳的转换

avatar GitCode 开源社区