这是渲染的地方 <el-form-item label="选择项目" :label-width="formLabelWidth" prop="report_project_idsArr"> <el-checkbox-group v-model="form.report_project_idsArr"> <el-checkbox v-for="item in projectList" :label="item.project_id" :key="item.project_id">{{item.project_name}}</el...
el-checkbox-group 然后把v-model绑上,选中的值会绑定到数组上。 <el-checkbox-group v-model="frequencyValue"> <el-checkbox @change="handleCheckedCitiesChange" v-for="week in weekList" :label="week.code" true-label :key="week.code">{{week.name}}</el-checkbox> </el-checkbox-group> data...
1,html <el-form-item:label="itemcontent.listtitle"v-if="itemcontent.type=='checkbox'"style="width:100%; display: inline-block"><!-- 这里是多选 --><el-checkbox-groupv-model="itemcontent.value"><el-checkboxv-for="(itemlist,index3) in itemcontent.list":key="index3":label="itemlist...
<el-dialog title="新增/编辑" :visible.sync="dialogVisible" width="60%" :before-close="handleClose" :destroy-on-close="false" :close-on-click-modal="false"> <el-table :data="companyData" v-loading="companyLoading" height="300" ref="multipleTable" @select="handleSelectionChange" @select...
</el-col> </el-form-item> <el-form-item label="即时配送" prop="delivery"> <el-switch v-model="ruleForm.delivery"></el-switch> </el-form-item> <el-form-item label="活动性质" prop="type"> <el-checkbox-group v-model="ruleForm.type"> ...
在这里全选和反选很显然与界面中的2个el-checkbox-group无关,需要从外部控制。所以分别在2个el-checkbox-group上面各添加了一个checkbox,分别用来控制2个el-checkbox-group的数据全选和反选。因为2个机制是一模一样的,所以在下文记录中使用推送用户的全选和反选来记录,推送分组的全选和反选是一样的,只是操作中的...
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:rgba(47, 84, 201, 1);border-color: rgba(47, 84, 201, 1); } .el-checkbox__input.is-checked + .el-checkbox__label {color: rgba(47, 84, 201, 1); ...
<el-form-item label="用户姓名" prop="nickName"> <el-input v-model="queryParams.nickName" placeholder="请输入用户姓名" clearable style="width: 200px" size="mini" @keyup.enter.native="getList" /> </el-form-item> </el-col> <el-col :span="8"> ...
</el-checkbox-group> </template> export default { data() { return { props: { multiple: true }, dataClasses: [], checkList: [], data2: [], dataClasses2: [], stuList: [ { id: 211, name: "小黄", }, { id: 212, name:...
<el-checkbox v-for="bank in banks" :label="bank.bid">{{bank.bname}}</el-checkbox> </el-checkbox-group> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm('insertForm')">添加</el-button> <el-button @click="dialogVisible = false">取消</el-button> ...