Vue 在v-for 无法像小程序一样给name值赋值 我这应该怎嬷写啊 求解

刚接触vue 想问一下 我现在用的vue框架 套的vant 组件
单选框 一值无法实现 name值一值不对 想问 下 我这是哪边有问题啊

这边是html
<van-radio-group v-for="cluster in clusters"
                       :key="cluster.clusterId"
                       v-model="cluster.clusterId"
                       class="box-radio-group">
        <van-radio class="box-radio"
                   name="0"
                    v-model="cluster.clusterId"
                   checked-color="#fbb427">{{cluster.clusterName}}</van-radio>
        <label>{{cluster.clusterNum}} 人 ¥{{cluster.clusterAmount}}</label>
      </van-radio-group>

这是数组类型
    clusters: [
        {
          clusterId: 1,
          clusterName: '全国直销通讯录',
          clusterNum: 125456,
          clusterAmount: 69
        },
        {
          clusterId: 2,
          clusterName: '上海直销通讯录',
          clusterNum: 1254588,
          clusterAmount: 49
        }
      ]

3个回答

:name="cluster.clusterId"

如上,给name赋值

<van-radio-group v-model="radio">
  <van-radio name="1">单选框 1</van-radio>
  <van-radio name="2">单选框 2</van-radio>
</van-radio-group>
export default {
  data() {
    return {
      radio: '1'
    }
  }
};

是这样用的,只用给 van-radio-group 设置 v-model,并设置默认值
然后再给name赋值

weixin_41542494
weixin_41542494 这个我清楚 因为我是循环取值 在小程序中 name="{{item.id}}" 但是Vue无法这样写 我试了各种方案 都失败 晕倒
一年多之前 回复
qq_33855563
o(╯□╰)o ! 回复weixin_41542494: 有问题加Q248265772,望采纳
一年多之前 回复
qq_33855563
o(╯□╰)o ! 回复weixin_41542494: 明白,这些组件都一样,我重新修改了答案,你再看下
一年多之前 回复
weixin_41542494
weixin_41542494 还有我这个是vant组件..-.-
一年多之前 回复
weixin_41542494
weixin_41542494 我按照您的方式 没有反应耶 结果按钮全部都亮了-.-
一年多之前 回复

给name绑定一下,v-bind一下,v-bind:name=“”

weixin_41542494
weixin_41542494 无法-.-..
一年多之前 回复

你循环错了 ,不是循环"van-radio-group", 是循环 "van-radio", 你这样循环相当于创建多个单选组 , 而不是一个单选组, 所以会出问题;

<van-radio-group v-model="radio">
  <van-radio v-for="cluster in clusters" :key="cluster.clusterId" :name="cluster.clusterId">{{cluster.clusterName}}</van-radio>
</van-radio-group>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐