[Bug Report] el-table inner el-form isn't reactive.
- 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 }}
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.