el-input 数据更新试图没更新
时间: 2023-10-09 13:10:26 浏览: 101
问题的原因可能是因为Vue的响应式系统没有检测到数据的变化,导致视图没有更新。你可以尝试以下几种方法来解决这个问题:
1. 使用Vue的`$set`方法来更新数据:在`onExchangeChange`方法中,尝试使用`this.$set`来更新`scope.row.totalAmount`的值,例如:`this.$set(scope.row, 'totalAmount', newValue)`。这样Vue会检测到数据的变化并更新视图。
2. 使用`v-bind`指令来绑定`scope.row.totalAmount`的值:在`el-input`中,将`v-model`改为`v-bind:value`,并在`@input`事件中手动更新`scope.row.totalAmount`的值,例如:`@input="scope.row.totalAmount = $event.target.value"`。这样也可以让Vue检测到数据的变化并更新视图。
3. 使用`this.$forceUpdate()`方法来强制更新整个Vue实例的视图:在需要更新视图的地方,调用`this.$forceUpdate()`方法来强制重新渲染整个Vue实例的视图。但是这种方法不是推荐的做法,因为它会跳过Vue的响应式系统,可能会导致性能问题。
希望以上方法能够帮助你解决问题。如果还有其他疑问,请随时提问。
#### 引用[.reference_title]
- *1* *3* [解决el-input视图不更新的问题!!!](https://blog.csdn.net/zly_101/article/details/94394257)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue.js element el-talbe 内嵌el-input 无法编辑,视图不刷新(更新)](https://blog.csdn.net/linzhiji/article/details/105333731)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文