el-checkbox点击一个其他的全部都选中了

最新推荐文章于 2024-11-01 15:33:01 发布

原创最新推荐文章于 2024-11-01 15:33:01 发布 · 1.5w 阅读

8 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

57 篇文章

订阅专栏

今天用elementui的el-checkbox-group遇到一个问题，点击其中一个，所有的checkbox都选中了

我原来是这么写的，可是不行

<el-form-item label="机构">
            <el-checkbox-group v-model="ruleForm.organizationIds"
                               @change="handleCheckAllChange">
              <el-checkbox v-for="itm in organList"
                           :label="itm.id"
                           :key="itm.id">{{itm.name}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>

后来把v-model改了，就可以了，不用ruleForm.oranizationIds,用在外面定义的的数组type可以了

<el-form-item label="机构">
            <el-checkbox-group v-model="type"
                               @change="handleCheckAllChange">
              <el-checkbox v-for="itm in organList"
                           :label="itm.id"
                           :key="itm.id">{{itm.name}}</el-checkbox>
            </el-checkbox-group>
          </el-form-item>

export default {
  data () {
    return {
      type: [],
      organList: [],
      ruleForm: {
        organizationIds: [],
        code: "",
        name: "",
      }
    }
  },
  mounted () {
    this.getOrganizationss()
  },
  methods: {
    //获取机构列表
    getOrganizationss () {
      fetchGet('organization/list').then(res => {
        this.organList = res.data
      })
    },

    //选中受理机构
    handleCheckAllChange (value) {
      console.log(value)
    },


  }
}