Vue 多选框提交后未清空:排查原因和解决方案
根据提供的代码,可以看到在提交查询凭证按钮的 handlesumit() 方法中,确实有对 this.selectedRows 进行了清空操作,即 this.selectedRows = []。所以应该不是代码的问题导致没有清空。
可能的原因是多选框的选中状态没有被正确更新。可以检查以下几个方面:
- 确保多选框的
v-model值绑定到了selectedRows变量。 - 确保点击多选框时,
selectedRows变量被正确更新。可以在多选框的@change事件中打印selectedRows的值,确认其变化是否正确。 - 确保多选框所在的组件在提交后没有被重新渲染,导致
selectedRows的值没有被重置。
如果以上方面没有问题,可以尝试在 handlesumit() 方法中的清空操作前后,分别打印 this.selectedRows 的值,确认其在清空前后的状态是否正确。
原文地址: https://www.cveoy.top/t/topic/l17L 著作权归作者所有。请勿转载和采集!