vue项目用的iview框架,input复选框默认被绑到一起,点击时一起选中和取消,需要单个

来源:1-1 课程介绍

慕侠5544523

2019-11-13 15:47

<Row v-if="showFlag == false" style="position: absolute;width: 100%;top:40px;left: 0;">

            <Scroll :height="scrollHeight"  >

                <Card class="zuo-fei-list-item" v-for="(item,index) in baseInfoListArr" :key="index" >

                     <label for="lab">

                        <Row class="margin-top-1rem">

                            <Col  class="text-align-left" span="9">原票证号码:</Col>

                            <Col class="text-align-left" span="15">{{item.dzsphm}}</Col>

                        </Row>

                        <Row class="margin-top-1rem">

                            <Col class="text-align-right">

                                <!-- <label for="lab"></label> -->

                                <input name="checkbox" type="checkbox" class="tui-checkbox" id="lab" v-model="check" :value="index" @click="ipt()">

                                <!-- <Checkbox v-model="check"></Checkbox> -->

                            </Col>

                        </Row>

                    </label>


                </Card>

            </Scroll>

        </Row>



注:baseinfolistarr是从后台获取的数据填充的,


写回答 关注

2回答

  • Brian
    2019-11-15 10:33:08

    你是想做一个什么交互呢? 遇到了什么问题呢?


  • 前端大郎
    2019-11-15 09:30:38

    不是很明白你的意思,你这里input和checkbox双向绑定到同一个数据上。

3小时速成 Vue2.x 核心技术

带你快速学习最流行的前端框架vue2.x的核心技术

82560 学习 · 487 问题

查看课程

相似问题