在项目中 做矩阵题 嵌套的v-for
<!-- 多选矩阵题 --> <template v-if="question.name==='MATRIX_CHECKBOX'"> <div class="matrix-preview-line" v-for="(item,index) in question.opts" :key="index"> <el-checkbox-group @change="initCheckboxAnswer" v-model="item.answer" v-if="question.name==='MATRIX_CHECKBOX'" style="display: flex; 100%;"> <span class="cols cols-first editinput"> {{item.title}} </span> <span class="cols" v-for="(opt,index) in question.cols" :key="index"> <el-checkbox :label="opt.id">{{ }}</el-checkbox> </span> </el-checkbox-group> </div> </template>
在作答的时候 选中答案 答案不能及时的更新到视图当中,在change 事件中调 this.$forceUpdate() 让视图强制刷新