美文网首页
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