ElemeFE / ElemeFE/element

[Bug Report] 表格表头动态改变顺序的时候,scopedSlots的default渲染不准确

Open
#22,590 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.4.8

### OS/Browsers version
chrome 69.0.3497.100

### Vue version
2.7.14

### Reproduction Link
https://jsfiddle.net/laucher/mmx38qxw/6458/

### Steps to reproduce
1.初始化设置table的data值为[{name:"test1",zip:"10086"}]。
2.初始化header值是空数组,该数组用于动态生成elTableColumn组件,初始化一个按钮,用于对header进行reverse操作。
3.设置elTableColumn中scopedSlots的default为header数组中的每个元素的renderCell属性值,该值返回一个vnode。
4.mounted钩子函数中异步调用重置header为含有2个元素的数组,其中1个renderCell返回为按钮的vnode,另外1个renderCell返回为普通文本的vnode。
5.第一次渲染的时候是正常渲染,点击按钮对header进行reverse时,则发现渲染错误,renderCell都渲染成为普通文本,按钮的vnode不见了。
6.再次点击按钮,都渲染成为按钮的vnode。

### What is Expected?
期待el-table-column中能按照动态传递传递的scopedSlots的渲染函数渲染。

### What is actually happening?
el-table-column中scopedSlots渲染函数错误。

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.