IviewCheckGroup复选框on-change事件踩坑记录~ IView CheckGroup多选框 @on-change事件踩坑记录~
近期做项⽬需要使⽤IView组件库的CheckGroup复选框,通过复选框来选择并返回选择好的数组,然⽽按照官⽅⽂档的⽅法,⽆论如何都⽆法通过@on-change绑定的事件来获取到返回的值。最后发现是官⽅⽂档有误~废话不多说,直接上代码。希望对⼤家有所帮助。 官⽅版本
<CheckboxGroup v-model="checkAllGroup" @on-change="checkAllGroupChange">totalmediatheatre5
<Checkbox label="⾹蕉"></Checkbox>
<Checkbox label="苹果"></Checkbox>
<Checkbox label="西⽠"></Checkbox>
</CheckboxGroup>
<script>
export default{
data(){
return{
checkAllGroup:['⾹蕉','西⽠']
}
},
methods:{
checkAllGroupChange(data){
console.log(data)//⽆返回,不报错
}
},
}车流波动理论
</script>
正确版本
<Checkbox-group v-model="checkAllGroup" @on-change="checkAllGroupChange">
<Checkbox label="⾹蕉"></Checkbox>
<Checkbox label="苹果"></Checkbox>
<Checkbox label="西⽠"></Checkbox>
ca130
</Checkbox-group>
<script>
export default{
data(){
return{高顺青
checkAllGroup:['⾹蕉','西⽠']中国校外教育网
}
高行健},
methods:{
checkAllGroupChange(data){
console.log(data)//正确返回选中数组
}
},
}
官⽅⽂档将组件 Checkbox-group 写为 CheckboxGroup 。⼤家注意~希望对⼤家有所帮助!
本⼈菜鸟~请⼤佬⼿下留情,多多指点