感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<div id="app">
<p>全选<input type="checkbox" v-model="checks" @change="Numlist()"> {{ checks }}</p>
<p>
<label v-for="(list,index) in checkList">
<input type="checkbox" v-model="checksListOn" :value="list.name">{{ list.name }}
</label>
</p>
<p>{{ checksListOn }}</p>
</div>
xxxxxxxxxx
var app = new Vue({
el: '#app',
data: {
checks:false,
checkList: [
{id:1, name:'苹果'},
{id:2, name:'香蕉'},
{id:3, name:'栗子'},
{id:4, name:'橘子'}
],
checksListOn: []
},
methods: {
Numlist : function(){
if(this.checks){
var listArr=[];
for(var i=0;i<this.checkList.length;i++){
listArr.push(this.checkList[i].name);
}
this.checksListOn = listArr;
}else {
this.checksListOn = []
watch: {
"checksListOn":function () {
if(this.checksListOn.length == this.checkList.length){
this.checks = true
this.checks = false
})
输入 CSS 代码……