vue elementui Checkbox 多选框

1.template中：

             <div class="pl30">
                <el-checkbox-group v-model="cate_id" size="mini">
                  <el-checkbox-button v-for="(cate, index) in cates" :label="cate" :key="index" :disabled="cate_status[index] === 1"><span>{{cate}}</span></el-checkbox-button>
                </el-checkbox-group>
              </div>

2.data中：

      cates: [],
      cate_status: [],
      cate_id: [],

3.methods中：

         this.cates = this.data.cate_name_arr.map(item => {
            return item.cate_name
          })
          this.cate_status = this.data.cate_name_arr.map(item => {
            return item.cate_status
          })
          // console.log(this.cates, 'this.cates')
          this.cate_id = this.data.cate_names ? this.data.cate_names.split(',') : []