(vue.js)v-for 在嵌套中,如何来区分不同分组的radio,谢谢!

关于网友提出的“ (vue.js)v-for 在嵌套中,如何来区分不同分组的radio,谢谢!
”问题疑问，本网通过在网上对“ (vue.js)v-for 在嵌套中,如何来区分不同分组的radio,谢谢!
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题： (vue.js)v-for 在嵌套中,如何来区分不同分组的radio,谢谢!
描述:

具体实现的功能如图:

数据结构如下:

'cates':[
  {
    id: '1',
    name: '口味',
    spec: [
      id: '1',
      name '慕斯'
    ],
    [...],
    [...]
  },
  {
    id: '2',
    name: '尺寸',
    specs: [
      id: '1',
      name '6寸'
    ],
    [...],
    [...]
  }
]

----------

  

  
{{cate.name}}
  

  

  
  
 {{ spec.sname }}
 
 
 
 
 

通过事件现在已经获取到当前所选取的值
不知道如何通过model来进行获取,
现在想处理的问题是,如何定义model来给radio设置默认值,
才开始vuejs,希望老司机指点思路,谢谢!

---

解决方案1:

写了个简单例子，其实vue文档都有

解决方案2:

你应该是想取spec里面的数据吧？radio可以绑定值的
http://cn.vuejs.org/guide/for...

'cates':[
  {
    id: '1',
    checkedSpec: {},
    name: '口味',
    spec: {[
      id: '1',
      name '慕斯'
    ],
    [...],
    [...]}
  },
  {
    id: '2',
    name: '尺寸',
    checkedSpec:{}
    specs: {[
      id: '1',
      name '6寸'
    ],
    [...],
    [...]}
  }
]

----------

  

  
{{cate.name}}
  

  

  
  
 {{ spec.sname }}
 
 
 
 
 

解决方案3:

也是新手，哈哈。不是太理解你的意思，是这样吗(比如id是1的默认选中)

checked="{{spec.id === 1}}"

以上介绍了“ (vue.js)v-for 在嵌套中,如何来区分不同分组的radio,谢谢!”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/3721766.html