element ui的checkbox group的value值

2022-09-10  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读