element-ui 输入框无法输入的问题

问题

1. input框的校验规则需要存在该字段才能校验 比如回显编辑的时候需要后台传该字段才能进行校验，这时候需要我们手动添加该字段
   代码

for (let i = 0; i < item.materialsPeApplyDetailsDTOS.length; i++) {
        //在原本的列表里添加该字段，防止input校验规则不生效
        item.materialsPeApplyDetailsDTOS[i].amountIn = 0;
        item.materialsPeApplyDetailsDTOS[i].rackno = 0;
        item.materialsPeApplyDetailsDTOS[i].materialno = 0;
  }

2. 如果采用上诉方法 ,会发现你再输入的时候会输不进去，要触发别的选择或者输入方法时候才能回显

原因

1. 由于我们刚补进去的字段还不是响应式的，所以输入失败

解决

  for (let i = 0; i < item.materialsPeApplyDetailsDTOS.length; i++) {
       
        //修改成这样既可生效
        this.$set(item.materialsPeApplyDetailsDTOS[i], 'amountIn', 0);
        this.$set(item.materialsPeApplyDetailsDTOS[i], 'materialno', 0);
        this.$set(item.materialsPeApplyDetailsDTOS[i], 'rackno', 0);
 }