vue里面的v-for循环给v-model赋值问题

本文介绍如何在Vue应用中,初始化时直接设置循环数据并传递角标,而非通过v-model。通过实例展示了如何在`<div>`中使用`v-for`和条件判断,实现针对`titleList`中`dx`类型问题的多选框配置。
摘要由CSDN通过智能技术生成

不是使用:v-model而是在初始化数据的时候给循环的数据并传递角标

例如初始化时给数据

qa:{
                     dx1:'是',
                     dx2:'否',
                     dx3:'是',
                     dx4:'否',
                     dx5:'是',
                     tk6:'123456',
                     tk7:'654321',
                     jd7:'备注123456'
                 },

而循环时数据循环为

<div v-for="(item,i) in titleList">
    <div  v-if="item.type=='dx'">
        <div class="info">{{i+1}}.{{item.title}}</div>
        <!--                    配置单选-->
        <div class="radio">
          <span v-for="(item2,i2) in item.answer.split(';')">
            <input :id="'radio'+(i+1)+'_'+i2" :name="'radio'+(i+1)" type="radio" :value="item2" v-model="qa[item.model]">
            <label :for="'radio'+(i+1)+'_'+i2">{{item2}}</label>

而数据列表为

titleList:[
    {title:"XXX问题",type:"dx",answer:"是;否",model:"dx1"}
]
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值