ElemeFE / ElemeFE/element

[bug report] ` El dialog 'component causes the' V-for 'instruction to not work normally

Open
#21,363 2 comments 0 reactions 0 assignees View on GitHub
component: dialog status: help wanted type: bug
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.6

### OS/Browsers version
Windows NT 10.0; Win64; x64(Edge/94.0.992.38)

### Vue version
2.6.14

### Reproduction Link
https://codepen.io/buting/pen/OJgdmqe

### Steps to reproduce
触发条件:
1. 使用`v-for`指令的元素下紧接着就是`el-dialog`组件;
2. `el-dialog`组件参数`append-to-body`为`true`;
3. `el-dialog`组件至少显示过一次。

代码如下:
```html

{{ i }}

...
```

以下方法可以暂时解决这个问题:
1. 使用`v-for`指令的元素外面套一层`div`;
2. `el-dialog`组件外面套一层`div`;
3. 使用`v-for`指令的元素和`el-dialog`组件之间有其他元素或者组件。

### What is Expected?
`v-for`指令能够正常渲染相应的元素。

### What is actually happening?
`v-for`指令无效,无法渲染相应的元素。

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.