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无法这样写 我试了各种方案 都失败 晕倒
5 个月之前 回复
qq_33855563
o(╯□╰)o ! 回复weixin_41542494: 有问题加Q248265772,望采纳
5 个月之前 回复
qq_33855563
o(╯□╰)o ! 回复weixin_41542494: 明白,这些组件都一样,我重新修改了答案,你再看下
5 个月之前 回复
weixin_41542494
weixin_41542494 还有我这个是vant组件..-.-
5 个月之前 回复
weixin_41542494
weixin_41542494 我按照您的方式 没有反应耶 结果按钮全部都亮了-.-
5 个月之前 回复

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

weixin_41542494
weixin_41542494 无法-.-..
5 个月之前 回复

你循环错了 ,不是循环"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问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Vue V-for 给属性赋值
&amp;lt;select class=&quot;theadselect&quot; &amp;gt; &amp;lt;option v-for=&quot;(area,index) in areas&quot; :value=&quot;area.ID&quot;&amp;gt;{{area.Name}}&amp;lt;/option&amp;gt; &amp;lt;/select&amp;gt; 注意哪个value前面的冒号很重要,value的赋值方式写法要注意。(总
vue v-for 样式赋值
v-bind:style="{'background-color': item.iconColor}"> {{item.name}} v-bind:style="{'background-color': item.iconColor}"> {{item.
Vue用v-for给src属性赋值
我的代码结构如下面代码所示,无法执行,在img中的src属性中无法用mustache表示法<div id="test"> <div v-for="item in lists"> <img src="{{item.img}}"> </div> </div>new Vue({ el: "#test", data: function () {
jsp这嬷脆弱?
我写的数据库servlet程序,没用connection pool(不会),新建的连接没有关闭,一直开着,当我在控制台用鼠标乱点几下(如托出几个反白框),程序就停住不动了,浏览器一直不响应我的servlet。为什么?为什么?为什么?
vue的v-for小练习表单
table{ width:800px; border: 1px solid darkorange; text-align: center; } thead{ background-color: orange; } 姓名
Vue中使用v-for给img中的src属性赋值
在学习Vue的时候,使用v-for获取Vue data中的数据,img中src属性使用{{}}获取,报错。&amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;div v-for=&quot;book in list&quot;&amp;gt; &amp;lt;img src=&quot;{{book.bookImg}}&quot;&amp;gt; //并不会读取到 &amp;lt;/div&amp;gt; &amp;lt;/
vue中如何使用v-for给src赋值变量路径
[img=https://img-bbs.csdn.net/upload/201703/28/1490683933_690457.jpg][/img]rn如何将items中src赋值给上面的img中?rn[img=https://img-bbs.csdn.net/upload/201703/28/1490683941_975001.jpg][/img]rn上面的写法报404错误rn[img=https://img-bbs.csdn.net/upload/201703/28/1490683949_510240.jpg][/img]
像51一样给arduino写引脚
如何给arduino快速写一组引脚的高低 int pin1 = 9; int pin2 = 2; int pin3 = 3; int pin4 = 4; int pin5 = 5; int pin6 = 6; int pin7 = 7; int pin8 = 8; bool isText = true; int baseArray[] = {1,2,4,8,16,32,64,128}; int b...
Vue v-for
rn rn Userrn rn rn user.namern rn rn rnrnrn rnrn rnrnrnrn---------------------------------------------------------------------------------------------------------rn [Vue warn]: Property or method "test" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.rnrnfound inrnrn---> at src\components\test.vuern at src\App.vuern
mobx让你写react像写vue一样爽
准备:此文章里的demo以create-react-app,vue-cli的默认demo为基础。mobx需要es7的装饰器语法,所以需要对项目进行一定的修改与配置,需要先eject。如果不eject也可以,但是不推荐,方法也在后面引用的链接里。详见create-react-app + mobx其中@observer装饰器报错demo功能很简单,效果及说明如下:说明:full name = firs...
给ckeckbox 赋值name 报错
Invalid field value for field "id".rnrn页面上给name 赋了个 id的值rn提交就报这个错.rn![图片说明](https://img-ask.csdn.net/upload/201711/02/1509619683_684642.jpg)rnF12看了一下 也正常显示value了 rnSSH框架的查询rnrnrn```rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn```rnrnrnrnrn```rnpublic String findkechengS()rn this.setList5(biz2.teacherkecheng(id));rn return SUCCESS;rn rn```rnrnrn```rn rn```rnrnrnrnrn
ActiveSkin pb中怎嬷用?
ActiveSkin pb中怎嬷用? $$$$$rn谢谢!
像建筑设计师一样去写程序
url:http://www.iteye.com/news/27081    写代码和写文章,从某种程度上是相通的,需要逻辑、构架,也要尽可能的简练。我们之前说过,创作者的时间表和管理者的时间表是不一样的,编代码和写文章,都是一个孤独而不能受到干扰的过程,面对屏幕,就是一场自己与自己的战争。  同样,如果说建筑师最后的成品是建筑的话,那么程序员和软件工程师最终的成品就是软件。在实际动工之前...
v-for循环如何给标签属性赋值
1.给每个按钮添加icon图标属性值,通过v-for实现自动添加样式,发现属性值无法显示,切记在属性前加上v-bind,以下是我的代码。 &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;v-for在线测试实例&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;https://cdn.stat
这程序怎么写啊
给你一个数字集合,问能否将集合中的数分成6个集合,使所有集合中数的和相等。比如:1,1,1,1,1,1,可以满足以上要求;但是,1,2,3,4,5,6不能。rn 输入rn输入有多组测试数据,以整数T开始,表示有T组测试数据。每个case以N开头(N≤30),表示集合中数的个数,接下来有N个整数。rn 输出rn如果满足条件,输出”yes”;否则输出“no”。rn 输入样例rn 2rn1 2 3 4 5 5 4 3 2 1 1 2 3 4 5 5 4 3 2 1rn1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1rn输出样例rnYes rnno
VUE 取下拉框的name值
直接上图片了。QQ 交流群:601122412
C++小程序求解啊
请各位帮我看看这段代码,并不能实现字符交换的功能,求解析,谢谢了!rn[code=c]#includernusing namespace std;rnint order(char*,int);rnint main()rnrn char *s;rn int i,k;rn cout<<"请输入你要输入的字符个数:";rn cin>>k;rn s=new char[k];rn //delete s;rn cout<<"请输入一串字符:";rn for(i=0;i>s[i];rn order(s,k);rn cout<<"排序后的字符为:";rn for(i=0;ip[m+1])rn rn temp=p[m+1];rn p[m]=p[m+1];rn p[m+1]=temp;rn rn rn return 0;rnrn//asdfghjklz[code=c][/code][/code]
这怎解决啊,Help!!!!
想做一个在程序启动闪现的窗口,但当主窗口顺利启动后就出现这个对话框.由于小弟的英语水平差,不明白.请帮忙解释是什么原因.找出对策.多谢!!!!rnrnrnProject xxxx raised exception class yyyyy with message 'zzzzzz'.rnrnProcess stopped. Use Step or Run to continue.
20181126——Vue小实例v-for的使用
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Title&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;vue.js&quot;&amp;gt;&amp;lt;/sc
这语句应该怎么写啊
select A.*,B.*FROM rn(select '2:3酸99%' as 产品名称,rnt1.fdecimal17 as 计划销售额rnfrom t_BOS200002351entry t1 ,t_BOS200002351 trnwhere t.fid=t1.fid and t.finteger=2000) A,rn(select rnsum(fconsignamount) as 实际销售额rnfrom ICStockBill i,ICStockBillentry i1rnwhere i.finterid=i1.finterid and i1.fitemid=154rnand i.ftrantype=21rnand year(i.fdate)=2011 group by i1.fitemid) Brnrn这是一条记录,还有多条记录需要union,rn例如2:3酸98% i1.fitemid=153rn这语句应该怎么写?rn谢谢
这语句应该怎么写啊?
select fname as 名称,客户级别rn (case when cast(substring(CONVERT(varchar(12) , getdate(), 112 ),0,7) as int) - castrn(substring(CONVERT(varchar(12) , fcheckdate, 112 ),0,7) as int))<=2 then 客户级别='优' else '0' end) as '客户级别'rnfrom t_rpcontract t,vw_ICCtoIGroup crnwhere t.fcustomer=c.finteridrnrn消息 4145,级别 15,状态 1,第 3 行rn在应使用条件的上下文(在 ')' 附近)中指定了非布尔类型的表达式。
这公式应该怎么写啊
[img=http://www.renzhijie.com/11.jpg][/img]rn[img=http://www.renzhijie.com/21.jpg][/img]rn[img=http://www.renzhijie.com/31.jpg][/img]rnrnrn我想在图的下面加上rnrnrn空闲: 10间 14%rn维修:5间 10%rnrnrn总房间数:30间rnrn应该怎么写啊??用SQL语句他也出错
vue 绑定v-for 循环内部的值
&amp;lt;template **v-show=&quot;addresses.length &amp;gt; 0&quot;**&amp;gt; &amp;lt;li class=&quot;market-adress-wrap fl&quot; **v-for=&quot;(item,index) in addresses&quot; :key=&quot;index&quot;**&amp;gt; &amp;lt;input **v-model=&quot;addres
应该怎吗输出啊
调用完函数后输出结果不正确 ,应该怎吗输出啊。 rnrn#include rn#include rnrnusing namespace std; rnvoid bubblesort(int a[],int n); rnint main(int argc, char *argv[]) rn rn int k,x; rn cout < <"请输入要比较几个数:" < >x;; rn int count[x]; rn cout < <"请输入要比较的数" < >count[k]; rn bubblesort(count,x); rn system("PAUSE"); rn return 0; rn rnvoid bubblesort(int a[],int n) rn rn int i,j,p; rn for(j=0;j a[i+1]) rn p=a[i]; rn a[i]=a[i+1]; rn a[i+1]=p; rn rn for(i=0;i
这应该怎么写?
我在代码中用 AddObject() , 在一个 form 上添加了一个按钮,请问如何添加该按钮的 CLICK 响应事件?
请问~~在程序中怎幺做出像Word 一样的柱状图.
比如我有三个人﹐分别有三个月的业绩﹐然后用柱状图来表示rn他们在这三个月的对比情况。能不能在其中写上统计数据﹖rn要用什幺控件﹐最好来点原程序﹐谢谢rn
使用vue的v-for写九九乘法表 key
v-for 当我们在使用v-for进行渲染时,尽可能使用渲染元素自身属性的id给渲染的元素绑定一个key值,这样在当前渲染元素的DOM结构发生变化时,能够单独响应该元素而不触发所有元素的渲染。 . v-for 给了两个参数key和index,但是这里需要对遍历的数据区别对待。遍历的数据包括数组和对象,但是在数组下是没有key值的,而在对象下可以得到key,可以显示出来。 ...
汇编语言,如何给结构体数组像for循环一样的赋值
假如,我定义了一个汇编的结构体数组,rn stu structrn stuname 8,0,8 dup(0)rn score dw 0rn stu endrn定义他的数组:rn student stu 5 dup(,)rn如何向for循环一样的,依次给结构体数组赋值
vue 与小程序 中 给style与class 绑定值的区别
vue :class=&quot;{active2: actionSheetHidden || showtankuang || showhaibao}&quot; :class=&quot;['Detailactive2',{Detailactive:currentDetail==1}]&quot; :src=&quot;baseURL+'/weixinpl/shopping-temp/images/default.jpg'&quot; :style...
我的小程序啊
写小程序遇到的坑 坑1:微信开发者工具上可以显示小程序的图片,扫码在手机端调试却不显示 主要是因为图片命名的问题,一开始用的中文,后来改成了英文,就可以正常显示了。但是,设置头像命名的时候我用的head portrait,手机端图片就又不显示了。一脸懵逼,后来查了别人的博客,原来还不能用空格的。后来手机端就可以显示美美的小程序啦。开心开心,折腾折腾终于从坑里逃出来啦 ...
像写诗一样写代码
每个人都有儿时纯真的梦想,不过随着时间的消磨和个人对社会的认识改变,很多人遗忘了年少轻狂的豪言壮语。我在北京工作了半年多了,通过对我自己内心变化的洞察和周围同事生活的观察。我感觉步入社会后,想要保持学生时代无拘无束的生活已经很难了,而在物欲面前,慢慢地我变得很短见。 现在想想,每个月写写博客其实挺好的,所谓三省吾身。我在每次写博客的过程中,很多时候陷入深深思考,也在不经意间悟出了很多道理。今天讨
像极客一样写博客
博客太土却又没法DIY?博客域名不够酷?域名够酷却没空间?租空间、备案神马的太麻烦?文章里想用些酷炫的效果却无从下手? 听过持续交付,也想Continuous Blogging?你是程序员,梦想能像写代码一样写博客?rnGithub Pages + Jekyll就是为你而生!rnrn完成下面几个任务,然后尽情享受写博客的乐趣吧。rnrn在Github上创建Repositoryrn名字必须为$USERNAME.github.com,$USERNAME替换为你自己的用户名。rnrn现在,你可以向这个repository提交静态文件(比如index.html), 稍等一会你就可以在浏览器地址栏输入$USERNAME.github.com访问你的页面了。rnrn在刚建好的repository中创建Jekyll格式的文件结构rn这里,我们借助Jekyll-Bootstrap,这是一个基于Jekyll的解析引擎,支持模块化的主题(modular theming)。rn[img=http://img.my.csdn.net/uploads/201209/03/1346669811_2087.jpg][/img]rn上面代码创建了如左图的Jekyll-Bootstrap标准目录结构,各个文件夹的用途在[url=http://jekyllbootstrap.com/lessons/jekyll-introduction.html]Jekyll Introduction[/url]中介绍的很清楚了,这里不再多说。rnrn[b]需要注意的是:[/b]rnrn_includes下的themes文件夹,这是定义主题的地方。rnJekyll支持Markdown等轻量级标记语言,所以有很多文件以.md为后缀名。rn文章都放在_posts文件夹下,post的文件名必须遵循YEAR-MONTH-DATE-title.后缀名的格式,例如:2012-08-29-像极客一样写博客.mdrn这时候访问你的博客页面,会看到默认的twitter主题样式,更多主题可以访问 http://themes.jekyllbootstrap.com。rnrn[b]安装Jekyll[/b]rn安装Jekyll后,可以很方便的在发布文章之前进行本地预览。下面是安装步骤:rnrnJekyll是基于Ruby的,所以,要先[url=http://www.ruby-lang.org/en/downloads]安装Ruby[/url]。rn通过ruby gem安装: gem install jekyllrn安装完毕后,在$USERNAME.github.com目录下运行jekyll --server启动server,然后就可以在本地访问http://localhost:4000预览博客了。rnrn[b]自定义主题[/b]rnJekyll-Bootstrap的主题管理很简单,有两种方式,一种是安装官方提供的主题,一种是自定义主题,详细内容参考[url=http://jekyllbootstrap.com/usage/jekyll-theming.html]Using Themes[/url]rnrn[b]发布博客[/b]rn发布博客和管理代码库一样,可以利用到git的强大功能,只要push上去了,本地更改就发布了。rnrn例子rn本博客就是依照上述步骤搭建起来的,你可以访问完整源代码.rnrnrn代码高亮:[url=http://zyzhang.github.com/blog/2012/08/31/highlight-with-Jekyll-and-Pygments/]用Jekyll和Pygments配置代码高亮[/url]rnrn摘自:[url=http://zyzhang.github.com/]张振宇[/url]@[url=http://www.thoughtworks.com/]ThoughtWorks[/url]
Vue v-for嵌套循环
&amp;lt;div v-for=&quot;data in list&quot;&amp;gt; &amp;lt;div v-for=&quot;detail in data.details&quot;&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; 可以使用嵌套,但是有一个条件,details 必须要是list子项里面的一个属性。...
vue之v-for的使用
vue之v-for的使用 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Vue demo&amp;lt;/title&amp;gt; &amp;lt;!--引入vue 依赖项--&amp;gt; &amp;
Vue循环指令v-for
基本用法 当需要将一个数组遍历,或者将对象循环显示时,就会用到列表渲染指令v-for。它的表达式需结合in来使用,类似item in items的形式,看下面的示例: &amp;amp;lt;div&amp;amp;gt; &amp;amp;lt;ul&amp;amp;gt; &amp;amp;lt;li v-for=&amp;quot;book in books&amp;quot;&amp;amp;gt;{{book.name}}&amp;amp;lt;/li&amp;amp;
Vue实践--V-for指令
当需要将一个数组或者对象循环遍历显示的时候可以使用v-for指令,其值类似于item in items;其中items是数组或者对象,item自然就是其中的一项,in 也可使用 of。 当遍历数组的时候有一个可选项index,是当前项的索引 类似与 v-for = (item,[index]) in items; {{index}}.{{book.bookName}}
vue的v-for使用
在vue中 v-for="todo in todos" 的意思为一个参数作为值 <div v-for="value in object"> {{value}} </div> 第二个参数作为键名 <div v-for="(value,key) in object"> {{key}} - {{value}} </div> 第三个参数作为当前项的索引 <div v-for="(value,ke
Vue常用指令v-for
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/Vue.js" charset="utf-8"></script> <script type="text/javascript"> window.onload = functio
vue v-for数组倒序
Index is {{$index}} Content is {{i}} var vm = new Vue({ el: '#app', data: { items: { a: "1",
vue v-for 数据处理
v-for的使用的方法,和注意事项。v-for 给了两个参数 key 和 index 这里需要对遍历的数据 分为 数组 和 对象分别对待 数组下是没有 key值的 而对象下可以得到参数key值 实际显示效果如下:
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池