Southern Wind 2022-08-03 15:04 采纳率: 50%
浏览 74
已结题

有什么方法可以遍历出动态的v-model

<div v-for="(i) in 5" :key="i">
      <van-radio-group v-model="checkedTwo" direction="horizontal">
      <van-radio :name="'left_'+i"></van-radio>
      <van-radio :name="'right_'+i"></van-radio>
      </van-radio-group>
</div>
 const listData = reactive({
      checkedTwo: "",
    });

有什么方法可以遍历出动态的v-model,想要它遍历出来后跟这个动态name一样在结尾处添加一个'_'+i

  • 写回答

4条回答 默认 最新

  • sannianerban12138 2022-08-03 15:14
    关注

    vue本身是基于数据驱动的,你想要动态v-model,为啥不想想直接定义一个数组,放到v-for去遍历呢,你可以这样做:

    
    <div v-for="(item,index) in checkedData" :key="index">
          <van-radio-group v-model="item+'_'+index" direction="horizontal">
          <van-radio :name="'left_'+index">左van-radio>
          <van-radio :name="'right_'+index">右van-radio>
          van-radio-group>
    div>
     const listData = reactive({
          checkedData:[
            "","","","",""
            ]
        });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 8月18日
  • 已采纳回答 8月10日
  • 创建了问题 8月3日

悬赏问题

  • ¥15 ecplise在连接数据库时显示加载驱动成功但是数据库连接失败
  • ¥15 visionmaster启动失败,提示为“机器不满足授权而被禁用”
  • ¥50 用logisim设计16位单时钟周期cpu
  • ¥15 IDEA中圈复杂度如何具体设置
  • ¥50 labview采集不了数据
  • ¥15 Multisim红外倒车雷达仿真中距离问题
  • ¥15 请上面代码做什么处理或什么混淆
  • ¥15 英雄联盟自定义房间置顶
  • ¥15 W5500网线插上无反应
  • ¥15 如何用字典的Key,显示在WPF的xaml中