标签：el VUE 翻页 text 勾选 CheckBox row 属性
VUE项目，加了checkbox后，发现翻页时候 是否勾选 只有第一页是有效的，后续翻页都跟第一页一样、不随着自己的数据改变；
百度查完，增加了1个属性应该就好了；
el-table 增加属性：
:row-key="(row)=>{return row.moId}"
加了下面的属性，则可以记住其他页手动勾选的记录，不加这个属性，则翻页后勾选标记会消失
el-table-column 增加属性：
:reserve-selection="true"
<el-table :header-cell-style="tableheadercolor" style="width: 100%;" :height="Height" :data="vehicleBulletinList.slice((currentPage-1)*pagesize,currentPage*pagesize)" current-row-key="guid" id="out-table"
highlight-current-row cell-class-name="text-center" header-cell-class-name="text-center" :row-style="tableRowstyle"
:row-key="(row)=>{return row.moId}"
>
<el-table-column width='120' prop="moDocNo" label="生产工单号"></el-table-column>
<el-table-column width='120' prop="completeDate" label="计划完工日"></el-table-column>
<el-table-column prop="itemCode" label="产品信息"></el-table-column>
<el-table-column prop="currentStartedQty" label="工序开工数量"></el-table-column>
<el-table-column prop="currentOperation" label="当前工序"></el-table-column>
<el-table-column prop="currentStartedScannTime" label="开工时间"></el-table-column>
<el-table-column prop="currentStartedScanner" label="开工人"></el-table-column>
<el-table-column prop="stayTime" label="停留时间"></el-table-column>
<el-table-column prop="memo" label="备注"></el-table-column>
<el-table-column prop="jinJi" label="紧急" :reserve-selection="true">
<template slot-scope="scope">
<el-checkbox :checked="scope.row.jinJi">
</el-checkbox>
<span>{{ scope.row.jinJi}}</span>
</template>
</el-table-column>
<el-table-column prop="teJi" label="特急" :reserve-selection="true">
<template slot-scope="scope">
<el-checkbox :checked="scope.row.teJi">
</el-checkbox>
<span>{{ scope.row.teJi }}</span>
</template>
</el-table-column>
</el-table>
参考网页：
https://blog.csdn.net/qq_23565535/article/details/100596497
https://www.cnblogs.com/littlelittleship/articles/13541052.html
标签：el,VUE,翻页,text,勾选,CheckBox,row,属性 来源： https://www.cnblogs.com/stableboy/p/14883103.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。