element ui checkbox 拿到想要的数据

需求:从对象中拿到label id等值,以便传值给后面的元素(对象)


<template>

<el-checkbox @change="changeCheck(item)"></el-checkbox><el-input v-model="item.label"></el-input>

</template>

js:

data(){

    return{

        arrList:[]

    }

},

methods:{

    changeCheck(item){

        let obj = {}

        obj.label=item.label;

        obj.id=item.id

        obj.checked = item.checked

        if(item.checked){ // 如没有这属性,就在获取全部的数据的自己造这个属性进去

        this.arrList.push(obj)
        }else{ // 取消选中 ,就要删除已经勾选的项

            for(let i =0;i<this.arrList.length;i++){

                if(this.arrList[i].id===item.id){

                    this.arrList.splice(i,1)

                }

            }

        }

    }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 经过了这些年,突然发现自己很难静下心做事,文字三两行已辞穷,投入那么多精力的外汇交易技术早已没有了耐心,脑袋一事无...
    沉思的黑马阅读 1,807评论 0 0
  • 人生有那么多的不确定性,我们总是预知不到下一步究竟会发生什么,做什么都不容易,生命有时候那么脆弱,禁不起...
    高能磷酸阅读 1,872评论 0 0