vue动态绑定v-model输入框无法输入

因为字段不确定，使用了动态绑定v-model，新增的时候可以输入，等修改的时候就无法输入了

 <!-- 2.数字框 -->
          <el-form-item :label="item.indexName" v-if="item.indexPriceRules == '数字框'">
            <el-input-number :controls="false" v-model="item[item.indexName]" style="width: 100%"></el-input-number>
          </el-form-item>

          <!-- 3.文本框-->
          <el-form-item :label="item.indexName" v-if="item.indexPriceRules == '文本框'">
            <el-input v-model="item[item.indexName]"></el-input>
          </el-form-item>

          <!--  4.时间段-->
          <el-form-item :label="item.indexName" v-if="item.indexPriceRules == '时间段'">
            <el-input v-model="item[item.indexName]"></el-input>
          </el-form-item>

          <!-- 5.时间区间-->

          <el-form-item :label="item.indexName" v-if="item.indexPriceRules == '时间区间'">
            <el-date-picker
              style="width: 100%"
              v-model="item[item.indexName]"
              type="datetimerange"
              range-separator="至"
              start-placeholder="开始日期"
              end-placeholder="结束日期">
            </el-date-picker>
          </el-form-item>

解决方法

把动态生成的数据，深拷贝到data对象中，（需要绑定的数据重新深拷贝一份）