html代码如下
<input type="checkbox" v-model="checkAll">全选<br>
<input type="checkbox" :value="v1" v-model="t" :checked="checkAll"><br>
<input type="checkbox" :value="v2" v-model="t" :checked="checkAll"><br>
<input type="checkbox" :value="v3" v-model="t" :checked="checkAll"><br>
<div id="down">
{{checkAll}}
{{t}}
</div>
js代码如下
new Vue({
el:"#test",
data:{
checkAll:false,
t:[],
v1:"--1--",
v2:"--2--",
v3:"--3--",
},
methods:{
}
});
点击全选但是没有任何效果,
如果单个点击复选框的话,就可以成功的显示
需求是点击全选,会给数组t里面加三个复选框的value值