使用uni-data-checkbox限制复选框只能选择5个

首先,要去uni-app组件商城将uni-data-checkbox插件下载到所需要的项目中

template

在data里面

value: [0, 5],

range: [{

"value": "篮球",

"text": "篮球"

}, {

"value": "足球",

"text": "足球"

}, {

"value": "游泳",

"text": "游泳"

}, {

"value": "乒乓球",

"text": "乒乓球"

}, {

"value": "排球",

"text": "排球"

}, {

"value": "橄榄球",

"text": "橄榄球"

}]

在methods里面

change(e) {

console.log('e:', e);//e里面的value,或者data里面就是所选中的内容

}

 

你可能感兴趣的:(vue.js,前端,elementui)