element ui的checkbox group的value值

作者: 尘埃里的玄 | 来源:发表于2022-09-10 16:48 被阅读0次

image.png

通过官网发现，label属性就是checkbox的值，勾选的值也就是checkBOxGroup绑定的数组值
我在el-checkbox中加入value并未生效，我现在的需求是label是显示的文本，value是对应的checkboxgroup绑定的数组值，最后发现在标签里写label，label写value值，那么label写的值不会显示

      <el-form :label-position="labelPosition" label-width="150px" :model="permissionForm">
          <el-form-item label="用户管理：">
            <el-checkbox-group v-model="permissionForm.checkList">
              <el-checkbox label="1">用户列表</el-checkbox>
              <el-checkbox label="2">添加用户</el-checkbox>
              <el-checkbox label="3">修改用户</el-checkbox>
              <el-checkbox label="4">删除用户</el-checkbox>
            </el-checkbox-group>
          </el-form-item>

      // 权限分配的列表
      permissionForm: {
        checkList: ['1']
      },

效果图：

image.png