vue prop v-for 注意事项 和 checkbox 与redio同时动态渲染data格式

<template v-for="(strategy,index) in pageForm">
  <el-form-item :label="strategy.strategyName+'：'"
                :prop="strategy.strategyType === 2?('check.'+strategy.strategyNo):('radio.'+strategy.strategyNo)"
                :rules="[
                { required: true, message: strategy.strategyName+'不能为空', trigger: 'change' },
                ]"
  >
    <el-checkbox-group v-if="strategy.strategyType === 2 " v-model="strategyForm.check[strategy.strategyNo]">
      <el-checkbox
        v-for=" strategyContent in strategy.strategyContent"
        :key="strategyContent.strategyContentNo"
        :checked="strategyContent.checked==1"
        :disabled="strategyContent.disable==1"
        :label="strategyContent.strategyContentNo">
        {{strategyContent.strategyContentName}}
      
      </el-checkbox>
    </el-checkbox-group>
    <el-radio-group v-else-if="strategy.strategyType === 1" v-model="strategyForm.radio[strategy.strategyNo]">
      <el-radio
        v-for=" strategyContent in strategy.strategyContent"
        :label="strategyContent.strategyContentNo"
        :disabled="strategyContent.disable==1"
        :key="strategyContent.strategyContentNo">
        {{strategyContent.strategyContentName}}
       
        >
        </el-input>
      </el-radio>
    </el-radio-group>
  </el-form-item>
</template>

data() {
  return {
    pageForm: [],
    strategyForm: {
      radio: {},
      check: {}
    }
  }
},

created() {
  getUserInfoList().then(response => {
    this.pageForm = response.data;
    for (let key in this.pageForm) {
      if (this.pageForm[key].strategyType === 2) {
         //复选框data是数组 要重新电话已格式
        this.$set(this.strategyForm.check, this.pageForm[key].strategyNo, [])
      }
    }
 
  });
},