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對象中，（需要綁定的數據重新深拷貝一份）