Vue3 - Element Plus 表格组件 “手动“ 取消/选中勾选列，并同步更新表格复选框 UI 状态（el-table 表格组件中，通过代码手动控制某个列的选中与取消勾选，并且复选框跟着变）

前言

网上基本上都是全部取消勾选的教程，没有仅对单独列操作的教程。

本文 实现了在 vue3 + element plus 组件库中，对 “某一个” 或 “几个单独” 列进行勾选/取消（手动操作表格复选框），并且让表格复选框自动同步选中状态，

完美解决删除表格列勾选的数据后，选中和取消状态不跟着变的问题，

---

如下图所示，点击按钮时手动取消和勾选了某个列，并且表格状态自动同步，

示例代码干净整洁，JS/TS 都能使用！

示例代码

随便找个页面，一键复制运行起来即可。

全部代码如下所示。

<template>
    <section>