问题描述:
<u-input v-model="formData.detail[index].length" input-align="center" type="number" @input="changeSize(index)" placeholder="长(cm)" />
<u-form-item label="立方(CBM)" prop="cube" required>
<u-input v-model="item.cube" :clearable="false" input-align="right" placeholder="请输入" />
</u-form-item>
changeSize(index) {
const temp = this.formData.detail[index];
this.formData.detail[index].cube = (parseFloat(temp.length) * parseFloat(temp.width) * parseFloat(temp.heigth)) / 1000000;
},
@input事件中 this.formData.detail[index].cube值更新了,但没有页面上的绑定的数据没有更新;
解决办法:
使用 this.$forceUpdate();强制刷新。
changeSize(index) {
const temp = this.formData.detail[index];
this.formData.detail[index].cube = (parseFloat(temp.length) * parseFloat(temp.width) * parseFloat(temp.heigth)) / 1000000;
this.$forceUpdate();
},