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

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

template

<view>

<uni-data-checkbox min="0" max="5" multiple v-model="value" :localdata="range" @change="change">

</uni-data-checkbox>

</view>

在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里面就是所选中的内容

}