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

Question

<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

Answer 1

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:[
        "","","","",""
        ]
    });