vue+el-radio单选框遍历出来的时候会一起选中的问题

1，因为是遍历出来的v-model="itt.Result"就需要用遍历出来的每个对象中的布局作用域的元素，不能像官方API那种用的全局对象，label也需要是不一样的<div v-for="(itt,ind) in ite.forthlist" :key="ind" class="ittContent"><div v-if="itt.Type === 1"><spa

靓靓的圆子

3305人浏览 · 2021-05-20 09:41:45

靓靓的圆子 · 2021-05-20 09:41:45 发布

1，因为是遍历出来的v-model="itt.Result"就需要用遍历出来的每个对象中的布局作用域的元素，不能像官方API那种用的全局对象，label也需要是不一样的

<div v-for="(itt,ind) in ite.forthlist" :key="ind" class="ittContent">
  <div v-if="itt.Type === 1">
    <span>{{ind+1}} &nbsp;&nbsp;</span>
    <span>{{itt.Content}}
      <el-radio-group v-model="itt.Result">
        <el-radio :label="ind+1+itt.Content">是</el-radio>
        <el-radio :label="ind+2+itt.Content">否</el-radio>
      </el-radio-group>
    </span>
  </div>
</div>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^