在項目中 做矩陣題 嵌套的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;width: 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() 讓視圖強制刷新