美文网首页
element ui的checkbox group的value值

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

相关文章

网友评论

      本文标题:element ui的checkbox group的value值

      本文链接:https://www.haomeiwen.com/subject/qaffortx.html