element el-checkbox-group多选框组获得点击值

Question

如题 我想知道当前点击的值，想问怎么取到

<div class="adplanBox3-a">
                <div class="adplanBox3-aLeft">平台</div>
                <el-form-item label="">
                    <el-checkbox-group v-model="PromoteDirect.userOs" size="small" @change="operatingSystemChange">
                        <el-checkbox-button v-for="data in codeList.operatingSystem" :key="data.key" :label="data.key">
                            {{ data.value }}
                        </el-checkbox-button>
                    </el-checkbox-group>
                </el-form-item>
            </div>

Answer 1

PromoteDirect.userOs 就是你绑定的变量

Answer 2

 <el-checkbox-button v-for="data in codeList.operatingSystem" :key="data.key"          :label="data.key">
    {{ data.value }}
</el-checkbox-button>

子元素绑个点击事件呢？

Answer 3

@change="operatingSystemChange()"


methods: {
    operatingSystemChange(value){
        console.log(value)
    }
}
应该是在点击事件中获取值，所以在change事件中

Answer 4

子元素绑定点击事件，获取到的就是当前所点击的值
`<el-checkbox-group v-model="demo" >

            <el-checkbox :label="item.id" :value="item.id" @change="((val)=>{itemChange(val,index)})"
              :key="item.id" v-for="item in demo.items">{{ item.name }}</el-checkbox>
          </el-checkbox-group>`