type="checkbox"

:id="index"

@change="currentSelect"

:value="item"

v-model="checkedNames"

>











已选择(1/5)








type="checkbox"

:id="index"

@change="currentSelect"

:value="item"

v-model="checkedNames"

>






data(){



return {



returnDate:[],



checkedNames: [],


returnDateArr: [],


searchCon: "", // 搜索内容
}

}


currentSelect() {

// checkbox 绑定的是checkedNames数组,选中或取消都存在里面

// 把值赋给returnDateArr

this.returnDateArr = this.checkedNames;


console.log(this.value)





}

.tmplmsg_keywords_list {
height: 150px;
overflow-y: scroll;
padding-left: 10px;
}
.checkbox {
display: block;
height: 40px;
line-height: 40px;
padding-left: 12px;
margin-right: 0;
}
input[type="checkbox"] {
width: 14px;
height: 14px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 18px;
position: relative;
}
input[type="checkbox"]::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 100%;
border: 1px solid #d9d9d9;
}
input[type="checkbox"]:checked::before {
content: "\2713";
color: #fff;
border: 1px solid #3190e8;
background-color: #3190e8;
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 18px;
}
.label {
vertical-align: sub;
margin-left: 10px;
}







type="checkbox"

:id="index"

@change="currentSelect"

:value="item"

v-model="checkedNames"

>











已选择(1/5)








type="checkbox"

:id="index"

@change="currentSelect"

:value="item"

v-model="checkedNames"

>






data(){



return {



returnDate:[],



checkedNames: [],


returnDateArr: [],


searchCon: "", // 搜索内容
}

}


currentSelect() {

// checkbox 绑定的是checkedNames数组,选中或取消都存在里面

// 把值赋给returnDateArr

this.returnDateArr = this.checkedNames;


console.log(this.value)





}

.tmplmsg_keywords_list {
height: 150px;
overflow-y: scroll;
padding-left: 10px;
}
.checkbox {
display: block;
height: 40px;
line-height: 40px;
padding-left: 12px;
margin-right: 0;
}
input[type="checkbox"] {
width: 14px;
height: 14px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 18px;
position: relative;
}
input[type="checkbox"]::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 100%;
border: 1px solid #d9d9d9;
}
input[type="checkbox"]:checked::before {
content: "\2713";
color: #fff;
border: 1px solid #3190e8;
background-color: #3190e8;
position: absolute;
top: 0;
left: 0;
width: 100%;
font-size: 18px;
}
.label {
vertical-align: sub;
margin-left: 10px;
} 总结总结
标签:

你有充足的理由选择我们

深圳上海杭州北京前端外包开发:工作10年以上的小伙伴团队,前端开发工作是我们最大的事业。所有您担心的问题,都可以写到合同里。我们会100%努力完成,直到您满意!