javascript 使用vue实现全选和取消全选

html部分

	
	
		{{checked}}
	
	

	
	选项1
	

	
	选项2
	

	
	选项3
	

	选择的值为:{{checkedname}}

js部分

var vm = new Vue({
	el: '#app',  //挂载位置
	data: {
		checked: false,
		checkedname: [],
		checkedArr: ["选项1", "选项2", "选项3"]
	},
	methods: {
		changeAllChecked: function() {
			if (this.checked) {
				this.checkedname = this.checkedArr
			} else {
				this.checkedname = []
			}
		}
	}
})

有兴趣的赶紧去试试吧，希望能帮助到您！