动态本机基础列表中的Vue-Native复选框

时间:2019-01-03 14:41:45

标签: react-native vue.js native-base vue-native

我正在尝试将复选框添加到带有原生库的vue-native动态列表中。 到目前为止,我在每个列表项旁边都有一个复选框,但是我似乎无法使其对动态列表中的所有项目都选中。到目前为止,这是我的代码:

<nb-list v-for="(collection, index) in collections" :key="collection.id">
                <nb-list-item :for="collection.id">
                    <nb-checkbox :id="collection.id" :value="collection.id" v-model="selectedCollections" :checked="this.checked" :onPress="this.toggleCheckbox" />
                    <nb-body>
                        <nb-text>{{ collection.name }}</nb-text>
                    </nb-body>
                </nb-list-item>
            </nb-list>

我不确定该如何处理复选框中的选中变量和onpress函数,以及如何使它们与列表中的每个项目一起使用。有人知道吗?

0 个答案:

没有答案