vue设置多选框默认勾选_vue中复选框怎么默认全选，至少选择4个才可以点击下一步...

[1]项目中有这样的需求，要怎么解决呢。。。默认复选框是全选状态，也可以取消某一个状态，至少选择4个选项才可以点击下一步。这个要怎么实现啊

html：

• 原料进厂

• 模块组装

• 成品　　

• 质检　　

• 仓储　　

• 物流　　

• 销售　　

• 上一步

  下一步

js：

export default {

data () {

return {

checked: true,

isSave: false,

isSelected: []

}

},

methods: {

// 当点击checkbox时，先触发click事件。打印数据，然后，才把checbox的value值传给model，

// 使用setTimeout是用伪异步的方式去执行这段代码

nextBtn: function () {

var self = this

setTimeout(function () {

console.log(self.isSelected)

}, 0)

}

}

}

默认复选框是全选状态，也可以取消某一个状态，至少选择4个选项才可以点击下一步。这个要怎么实现啊

这是选择两项之后控制台输出的