<vxe-form-item v-for="item of PatientIDForm" :key="item.key" :title="item.label" title-align="left" :span="24" :field="item"> <div> <vxe-input v-model="item.value" type="number" min="0" style="width: 68px" :key="item.key + '1'"></vxe-input> <vxe-button type="text" style="color: #be9aef" :loading="item.get_button_loading" @click="getPatientId(item)" :key="item.key + '2'">获取</vxe-button> <br> <vxe-input v-model="item.result" :key="item.key + '3'"></vxe-input> <span :key="item.key + '4'">{{ '实际获取数量:' + (item.result ? item.result.split(',').length : 0) }}</span> </div> </vxe-form-item>为什么我的vxe-form-item中元素不实时更新
时间: 2023-07-06 07:34:26 浏览: 102
vxe-tablevue表格解决方案 v2.9.15
从你提供的代码来看,vxe-form-item中的元素应该是会实时更新的。如果出现了不实时更新的情况,可能是由于以下原因之一:
1. 绑定的数据没有及时更新:请检查你的数据是否已经及时更新,如果没有更新,那么vxe-form-item中的元素就不会实时更新。
2. 绑定的数据类型不正确:请检查你绑定的数据类型是否正确。如果绑定的数据类型不正确,那么vxe-form-item中的元素就不会实时更新。
3. vxe-form-item组件的属性设置不正确:请检查你的vxe-form-item组件的属性设置是否正确。如果属性设置不正确,那么vxe-form-item中的元素就不会实时更新。
具体到你的代码中,可能是因为 `getPatientId(item)` 方法中没有及时更新绑定的数据。你可以在该方法中更新 `item.result` 的值,像这样:
```javascript
getPatientId(item) {
item.get_button_loading = true
// 发起请求获取数据
axios.get('/api/getPatientId').then(res => {
item.result = res.data
item.get_button_loading = false
})
}
```
这样当你获取到数据之后,就会及时更新到组件的界面上了。如果以上方法都不能解决你的问题,你可以提供更多的细节信息,以便更好地帮助你解决问题。
阅读全文