Vue训练——实现简单的全选和反选功能

Vue实现简单的全选和反选功能

     实现全选和反选需要遍历对各对象的值，我们可以通过方法实现，也可以通过计算机域实现。

1. 建立好多个选项框，对全选和反选与数组中的数据进行绑定——v-model。（反选通过@change = ”inverses“ 声明一个方法）
2. 通过v-for=”（item，index）in data“ ：key=”index“ 遍历对象获取其中的值。
3. 在中set（）中获取全选框中状态。get（）则是获取每个选项中的状态是true/false。
4. 在inverses方法中进行反选

---

全部代码：

	
		
		
		
	
	
	
		

			
爱好
			 
			全选
			
			反选
			

			

			
			        
			{{item.hobby}}