同时要能够在页面刷新之后被勾选的复选框依旧能够呈现被勾选的状态 未勾选的依旧呈现未勾选的状态,请问怎

<el-table :data="tableData" max-height="650px" width="100%" fit border resizable @selection-change="selectChange" ref="multipleTable">
                              <el-table-column type="index" label="序列" width="45px" fixed></el-table-column>
                              <el-table-column label="姓名(编号)" width="130px" fixed>
                                    <template slot-scope="scope">
                                          {{scope.row.name}}({{scope.row.nameID}})
                                    </template>
                              </el-table-column>
                              <el-table-column v-for='item in templates' :label="item.shifts" :key="item.index" align="center">
                                    <el-table-column v-if="item.children.length!=0" v-for="(item1,index1) in item.children" :model="templates.children" :label="item1.shifts+'('+(item1.coefficient?item1.coefficient:0)+')'" id="nq" :key="item1.index1" align="center">
                                          <template slot-scope="scope">
                                                <el-checkbox @click="selection1(scope)">000</el-checkbox>
                                          </template>
                                          <el-table-column v-if="item1.children.length!=0" v-for="(item2,index2) in item1.children" :label="item2.shifts+'('+(item2.coefficient?item2.coefficient:0)+')'" :key="item2.index2" align="center">
                                                <template slot-scope="scope">
                                                      <el-checkbox @change="selection(scope)">111</el-checkbox>
                                                </template>
                                                <el-table-column v-if="item2.children.length!=0" v-for="(item3,index3) in item2.children" :label="item3.shifts+'('+(item3.coefficient?item3.coefficient:0)+')'" label-class-name="aaa" :key="index3" align="center">
                                                      <template slot-scope="scope,$index">
                                                            <el-checkbox v-if="trueOrFalseSelection==1" @change="selection(scope,$index)" v-model="checked">222{{trueOrFalseSelection}}</el-checkbox>
                                                            <el-checkbox v-if="trueOrFalseSelection!=1" @change="selection(scope,$index)">223332{{trueOrFalseSelection}}</el-checkbox>
                                                      </template>
                                                      <el-table-column v-if="item3.children.length!=0" v-for="(item4,index4) in item3.children" :label="item4.shifts+'('+(item4.coefficient?item4.coefficient:0)+')'" :key="item4.index4" align="center">
                                                            <template slot-scope="scope">
                                                                  <el-checkbox @change="selection(scope)">333</el-checkbox>
                                                            </template>
                                                            <el-table-column v-if="item4.children.length!=0" v-for="(item5,index5) in item4.children" :label="item5.shifts+'('+(item5.coefficient?item5.coefficient:0)+')'" :key="item5.index5" align="center">
                                                                  <template slot-scope="scope">
                                                                        <el-checkbox @change="selection(scope)">444</el-checkbox>
                                                                  </template>
                                                                  <el-table-column v-if="item5.children.length!=0" v-for="(item6,index6) in item5.children" :label="item6.shifts+'('+(item6.coefficient?item6.coefficient:0)+')'" :key="item6.index6" align="center">
                                                                        <template slot-scope="scope">
                                                                              <el-checkbox @change="selection(scope)">555</el-checkbox>
                                                                        </template>
                                                                  </el-table-column>
                                                            </el-table-column>
                                                      </el-table-column>
                                                </el-table-column>
                                          </el-table-column>
                                    </el-table-column>
                              </el-table-column>
                        </el-table>