效果:点击全选时,所有按钮全部选中,所有按钮选中时,全选按钮也自动被选择,但只要有按钮没选择,则全选按钮也不会被选择。
步骤:
1.头部引入Vue文件
<script src="js/vue.js"type="text/javascript"charset="UTF-8"></script>
2.创建一个div和一个新的Vue,Vue作用范围为div内部。
<div id="app">
</div>
<script type="text/javascript">
var vm = new Vue({
el:"#app",
data:{
}
})
</script>
3.创建按钮,并为全选按钮绑定v-model属性(双向绑定),其他按钮我们可以使用v-for循环来进行传值实现,同样为其他按钮也进行v-model绑定。({<