Vue列表,点击一行时选中这一行对应的复选框

<el-table
:data="planList"
border
height="440px"
style="width: 100%"
@selection-change="handleSelectionChange"
@row-click="clickRow"
ref="table"
>
<el-table-column type="selection" width="50" align="center" />
<el-table-column prop="plancode" @click="clickRow(scope.row)" label="报告编号" sortable width="180"></el-table-column>
<el-table-column prop="planname" label="报告名称" sortable width="180"></el-table-column>
<el-table-column prop="rateyear" label="报送年度" sortable width="180"></el-table-column>
<el-table-column prop="rptenddate" label="报告结束日期" sortable width="180"></el-table-column>
<el-table-column prop="createdtime" label="创建时间" sortable width="180"></el-table-column>
<el-table-column prop="modifytime" label="修改时间" sortable width="180"></el-table-column>
<el-table-column prop="status" label="报告状态" :formatter="statusFormat" width="180"></el-table-column>
</el-table>

methods: {
clickRow(row){
this.$refs.table.toggleRowSelection(row);
}
}

 

posted @   干饭吧  阅读(394)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示