2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > vue设置多选框默认勾选_vue中复选框怎么默认全选 至少选择4个才可以点击下一步...

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

时间:2019-03-11 18:30:24

相关推荐

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个选项才可以点击下一步。这个要怎么实现啊

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。