vue2 开发后台问题记录

1.  在操作数据更新的时候，当数据绑定的值是数组  可以  按照如下绑定模式

　　　　　　<a-card
                style="width:30%;margin:10px;border-radius:5px;position: relative;"
                v-for="(item, i) in model.skus"
                :key="i"
              >
                <a-icon
                  type="close-circle"
                  class="type-icon"
                  @click="model.skus.splice(i, 1)"
                />
                <a-form-item label="名称">
                  <a-input v-model="item.sku_name" />
                </a-form-item>
                <a-form-item label="库存">
                  <a-input-number
                    :min="0"
                    v-model="item.sku_num"
                    style="width:100%"
                  />
                </a-form-item>
                <a-form-item label="价格">
                  <a-input-number
                    :min="0"
                    v-model="item.sku_price"
                    style="width:100%"
                  />
                </a-form-item>
              </a-card>

　　新增的时候增加多个子元素可以用  model.skus.push({})  增加

但实现更新的时候增加子元素会导致页面子元素个数的不更新

通过 Object.assign() 可以实现更新

this.model = Object.assign({}, this.model, this.model.skus.push({sku_name: '', sku_num: 0, sku_price: 0}))