ElemeFE / ElemeFE/element

[Bug Report] el-table inner el-form isn't reactive.

Open
#21,692 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.15.2

### OS/Browsers version
macOS Monterey 12.2.1 / Chrome 98.0.4758.80

### Vue version
2.6.14

### Reproduction Link
https://github.com/Han-Kyeol/reproduce-form-not-reactive

### Steps to reproduce
Put el-table inside el-form.
Place value inside el-table which is changed by some actions.

```






{{ isOnModification }}






{{ isOnModification }}


change

// isOnModification is changed by clicking 'change' button

export default defineComponent({
setup () {
const formData = { test: '' }

const tableData = [
{ test: 'test' }
]

const isOnModification = ref(false)

const onClickChange = () => {
isOnModification.value = !isOnModification.value
}
```

### What is Expected?
The ref value 'isOnModification' are rerendered and changed when clicking the 'change' button on both sides in el-table and outside el-table.

### What is actually happening?
The only value outside the el-table is rerendered and changed.

<!-- generated by https://elementui.github.io/issue-generator DO NOT REMOVE -->

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.