页面初始化时候改变数组里面的数据,使用this.$set

159 阅读1分钟

1.有时候我们遇到后端传递给我们的数据,和页面上面需要渲染的数据不一致时候。我们需要做一些初始化的操作。

          <el-col :span="span" v-for="item in signCustData" :key="item.id">
            <el-form-item :label="item.chineseName" prop="defaultValue" class="itemWidth">
                  <el-input
                 v-model="form1[item.englishName]"
                 placeholder="请输入公司名称"
                 class="itemWidth"
              />
            </el-form-item>
          </el-col>

2.拿到数组中的每一项,使用map循环遍历一下,从而将englishName的值替换成defaultValue的值

          this.signCustData = res.data.signCustData;
          res.data.signCustData.map(item => {
            this.$set(this.form1, item.englishName, item.defaultValue)
          })