el-checkbox多选框用法

el-checkbox多选框是一个常用的前端组件，用于实现多选功能。根据引用的描述，el-checkbox多选框的选中状态会存储在字段run_able中。如果选择了多选框，则字段中会有相应的数据，如果没有选择，则字段的值为空。el-checkbox多选框的值可以与其他选择器共用一张表，如引用所提到的需求。

针对el-checkbox多选框的用法，我可以给出以下几点说明：
1. 首先，在页面中需要引入Element UI库，并在组件中注册el-checkbox组件。
2. 在data中定义一个数组（例如，runable），用来存储多选框的选中值。可以根据需求进行初始化，也可以通过后台接口获取数据并赋值给该数组。
3. 在模板中使用el-checkbox-group组件，将数组runable与el-checkbox-group的v-model绑定，实现数据的双向绑定。这样，当用户选择或取消选择多选框时，runable数组的值会相应地改变。
4. 可以通过v-for指令遍历一个数据源，将数据源的每一项渲染成一个el-checkbox选项。使用v-bind指令将数据源中的某个字段（例如，id）绑定到el-checkbox的label属性上，实现选项和数据的关联。
5. 当需要获取el-checkbox多选框的选中值时，可以通过访问数组runable来获取。在提交表单或进行其他操作时，可以将runable数组的值传递给后台进行处理。

综上所述，el-checkbox多选框的用法包括引入Element UI库、定义数组存储选中值、使用el-checkbox-group和v-for指令渲染选项、实现数据的双向绑定，并可通过数组获取选中值。希望这些信息对您有帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [el-checkbox复选框和el-select选择器的使用](https://blog.csdn.net/xincang_/article/details/126845519)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]