美文网首页
vant checkbox无法选中的坑

vant checkbox无法选中的坑

作者: Peter_2B | 来源:发表于2020-09-18 16:08 被阅读0次

    我是动态循环对象数组; checkbox多选项目是循环R出来的

      <div class="card" v-for="(item, index) in personArr"  :key="index">
         
             <van-checkbox-group v-model="result"> 
             <!---  <van-checkbox-group v-model="item.choosed">   --->
    
                <div v-for="(it,ind) in item.R" :key="ind">
                    <van-checkbox  :name="it.id " >{{it.user}}</van-checkbox>
                </div>
              </van-checkbox-group>
      </div>
    
     data(){
        return{
              result:[ ],              2.改成用personArr以外的变量来接收 多选的checkbox数组;
    
              personArr:[    
                    {
                      R: [  
                        {user: 'a', id: 1}, 
                        {user: 'b', id: 2}   
                      ],
                      choosed: [ ],    1.原本将每个对象选择的数据添加到自己的choosed数组中。但这样v-for循环会遍历不出来。
                    }
            ]
        }
     }

    相关文章

      网友评论

          本文标题:vant checkbox无法选中的坑

          本文链接:https://www.haomeiwen.com/subject/zoejyktx.html