vant weapp+uni-app实现grid内加复选框并获取值

需求

在弹出层内写一个宫格,宫格内加复选框,获得复选框内的值

实现

为什么要用宫格的v-for呢?原因很简单,一是为了满足需求,cell里面加复选框太大了,只能加在宫格里面,第二,也是主要原因,为了避免自己的代码变成shit mountain.

第一步:引入组件

在pages.json中:

第二步:实现

注意:宫格中需要加上use-slot,这样才能自定义插槽的内容
html:

<van-cell title="周数" is-link @click="popWeek" />
<van-popup :show="showWeek" @close="onCloseWeek" round position="bottom" custom-style="height: 46%">