ElementUI select组件实现全选

最新推荐文章于 2025-06-13 04:12:38 发布

原创

最新推荐文章于 2025-06-13 04:12:38 发布 · 3.6k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #javascript #html #vue.js

ElementUI select组件实现全选

效果图：
在这里插入图片描述

			<el-form-item label="发薪部门">
                <el-select size="medium" filterable v-model="downloadParam.orgName" clearable collapse-tags multiple
                           placeholder="请选择发薪部门"
                           @change="doSelectChange('orgName','org',accountOptions)">
                    <el-checkbox :style="{paddingLeft:'20px'}"
                                 :indeterminate="checkOptions.org.isIndeterminate"
                                 v-model="checkOptions.org.checkAll"
                                 @change="handleCheckAllChange('orgName','org',accountOptions,'org_name',$event)">
                        全选
                    </el-checkbox>
                    <el-option v-for="(data,index) in accountOptions" :key="data.org_code" :label="data.org_name"
                               :value="data.org_name">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="核算中心"<