美文网首页
element ui checkbox 拿到想要的数据

element ui checkbox 拿到想要的数据

作者: 地主家也没余粮叻 | 来源:发表于2018-07-12 20:26 被阅读0次

需求:从对象中拿到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)

                }

            }

        }

    }

}

相关文章