vue select控件赋值问题

图片说明

如图 。性别有3个类型 后台存的是 0 1 2 点击修改按钮的时候,如何让select根据
后台的type选中对应的select 下的option?

5个回答

你这段html 代码有问题,你把所有的数据都写死了, 没有了动态设置的功能。你应当按照element ui 的官方文档来写, 在html代码块中使用循环,
动态设置属性

v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">

    然后把可以配置的数据写到 vue 的data中, sex 是绑字的数据, options 则是下拉列表选项
    data: {
      ruleForm: {
          sex: ''
      },
      options: [
          {
            value: '0',
            label: '男' 
          },
          {
            value: '1',
            label: '女' 
          }
      ]
  },

        当后台返回数据时,this.ruleForm.sex = ‘后台返回的数据’ 就可以了。

        vue 是数据驱动的, 也是一个mvvm 框架,model 数据和 view 视图应是完全分离的

你加个判断不就行了吗,判断后台传来的是哪个,然后就让哪个处于被选中的状态啊

设置sex为对应的值就会自动选了

 this.ruleForm.sex='后台type记录的值'
showbo
支付宝加好友偷能量挖 回复StackTc: 那就是你el-select写得有问题了,原生select直接设置model值就行了
一年多之前 回复
StackTc
StackTc 这样不行的哦,我这样写的话 他会显示2 而不是 女
一年多之前 回复

简易的html demo
<!DOCTYPE html>







点击

v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">






<br> new Vue({<br> el: &#39;#app&#39;,<br> data: {<br> ruleForm: {<br> sex: &#39;&#39;<br> },<br> options: [<br> {<br> value: &#39;0&#39;,<br> label: &#39;男&#39; <br> },<br> {<br> value: &#39;1&#39;,<br> label: &#39;女&#39; <br> }<br> ]<br> },<br> methods: {<br> click() {<br> this.ruleForm.sex = &#39;1&#39;<br> }<br> }<br> })<br>

<!DOCTYPE html>







点击

v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">






<br> new Vue({<br> el: &#39;#app&#39;,<br> data: {<br> ruleForm: {<br> sex: &#39;&#39;<br> },<br> options: [<br> {<br> value: &#39;0&#39;,<br> label: &#39;男&#39; <br> },<br> {<br> value: &#39;1&#39;,<br> label: &#39;女&#39; <br> }<br> ]<br> },<br> methods: {<br> click() {<br> this.ruleForm.sex = &#39;1&#39;<br> }<br> }<br> })<br>

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
select控件赋值的问题
我有一个select控件有rn rn text1rn text2rn text3rn text4rn text5rn text6rn rn比如我在文本写入1或则写入text1rnselect控件就选text1的值rn我的方法是把文本的内容和select的内容对比..难后让select选中这个选项..rn有没有比较好的方法?rn在这谢谢啦
html控件select的赋值问题
html控件select选择,如何把他记忆下来,下个页面的时候自动赋值。rnrn1,两个select控件,一个是选择省份(select_sf),一个是选择地区(select_dq)rn采用的是javascript无刷新联动方法,所以不能用 runat=server rnrn2,因为很多页面里都有这两个选择框,所以考虑用户点击一次查询后就把他记忆起来,以后的每个页面都默认这个选择,rnrn3,保存这两个选择框的值我使用了session["sf"],session["dq"]rnrn现在问题时,如何在新的页面让这两个选择框默认选中得是这两个session的值?rnrn由于没能在网上搜到方法,所以特在此求助,先谢过.rn
jquery select控件赋值
$("#txt_GLJY).val(data.GLJY);n n这个data.GLJY是数据库中相应字段的值,前面的是select控件的id,现在是能够读取到data.GLJY的值,但是赋值没有用,如果我手动将data.GLJY换成对应的值就能够正常显示了。
html select 控件赋值
我从数据库取出的值,如何给select传过去rnselect 的选择项是通过javascript生成的
关于SELECT控件赋值的问题(求助)
C#编程开发,我在后台写的函数获取到值,分别赋给几个select控件,在源码里面把select变成了服务器控件,后台写代码select.value=**,添加断点发现后面的值是存在,但是运行的时候页面中不显示select控件相应属性的值,请问有什么解决办法吗
给Select赋值问题
[code=HTML]rnrn rn[/code]rnrn[code=JScript]rnvar province='河北省';rnrn[/code]rn请问province如何赋给DProvince让他在页面能正常显示出来?
关于select赋值的问题
[code=sql]rncreate table tb(id int null,num int null)rninsert into tbrnselect 1,1 union allrnselect 2,2 union allrnselect 3,3 union allrnselect 4,4 union allrnselect 5,5rnrndeclare @id int,@num intrnset @id =3rnselect top 1 @id = id from tb where num >1 and num<=3 and id>@id order by id ---问题SQLrnprint @idrn[/code]rnrn我的理解。这个SQL选出来的@id应该是null,但是为什么打印出来的是3呢?
select 赋值的问题
rnDECLARE @strSQL VARCHAR(5000)rnDECLARE @strStepName1 VARCHAR(50)rnDECLARE @strStepName2 VARCHAR(50)rnDECLARE @intStep INTrnDECLARE @strFactory VARCHAR(50)rnDECLARE @strPostfix VARCHAR(2)rnrnrnSET @intStep=1rnSET @strFactory='00D2223847103'rnSET @strPostfix='00'rnrnrnrnSELECT rn@strStepName1='Step'+CAST(@intStep AS VARCHAR(100)),rn@strStepName2='Step'+CAST(@intStep+1 AS VARCHAR(100))rnFROM tsubstrate_baseinfo WHERE FactoryNO=@strFactory AND Postfix=@strPostfixrnrnrn=======================================================rn存储过程里抽出简化了一部分程序列在上面。rnrn表”tsubstrate_baseinfo“字段有Step1,Step2,Step3......Step50rn我需要循环得到Step1,Step2,Step3......Step50的值,如何写这种语句????rn
select 赋值、取值问题。
功能:rn1、取到所有的值,赋给selectrn2、显示的时候,要将当前的值显示rn比如:rn取得的下拉值为:rn索引-----文本显示值rn1--------苹果rn2--------荔枝rn3--------香蕉rn4--------橘子rnrn我当前取得的值索引为2,则select 显示的应该是"荔枝",而不是苹果rnrn问题:rn显示的时候显示的是当前得到的索引值,而不是查出来列表的第一个值。rnrn查出列表的值如下所示:rn[code=JScript]rn var objdropSeller = document.getElementById("dropSeller");rn $.ajax(rn type: "get",rn url: "/Common/ajax/returnOSLPAjax.aspx",rn dataType: "json",rn success: function(htmls) rn rn if (htmls.vtOS != null) rn if (htmls.vtOS.length != null) rn for (var j = 0; j < htmls.vtOS.length; j++) rn objdropSeller.options.add(new Option(htmls.vtOS[j].vt_SlpName, htmls.vtOS[j].vt_SlpCode));rn rn rn else rn objdropSeller.options.add(new Option(htmls.vtOS.vt_SlpName, htmls.vtOS.vt_SlpCode));rnrn rn rn rn );rnrn[/code]rnrn再此谢谢了……
Select 赋值问题
Select 赋值问题rnrn[code=sql]rn--如何将多个结果赋值到一个变量@test里面谢谢 小弟是菜鸟rndeclare @test nvarchar(1000)rn select @test=[user_name] from sf_user rn print @testrn gorn[/code]
关于select的赋值问题
我有2个页面a.jsp和b.jsp,在a.jsp中有一个多选的select,其名字和Id都是aSelect,其option为空;在b.jsp中也有一个多选的select名字和Id都是bSelect,bSelect已经有option且都被选上了,我现在想点击一个按钮让aSelect中添加bSelect中的option且都选上,该怎么写呢?虚心请教ing.......
Js,select赋值问题.
rnrn在JS脚本中.可以这样给select标签赋值吗?rnrnform.cloumn.value/document.getElementById('cloumn').value = 2 ;rnrn我是要动态改变select的值,最后组装到Form里面传到后台去.rnrn
给select赋值问题
[size=24px]从数据库中读取一个值,将这个值赋给网页SESECT元素初始的显示值.怎么写代码?请高手指教.[/size]rnrn[color=#FF0000]我的SELECT元素是关联的两个,是用JS编写的二级联动菜单.没有OPTION项.[/color]
select变量赋值的问题
rnrn[img=https://img-bbs.csdn.net/upload/201710/29/1509255754_845791.png][/img]rnrn菜鸟一只,请教:rn1、代码1中的[code=sql]SELECT @var1 = Name rnFROM Sales.Store [/code] 是什么意思? 也是赋值操作吗?rn跟代码2中的[code=sql]SELECT @var1 = (SELECT Name rnFROM Sales.Store [/code] 有什么区别?rnrn2、图片中的代码是对 @var1 进行了2次的赋值吗? 如果是的话,第二次不就覆盖了第一次赋值?rnrnrn来源:[url=https://docs.microsoft.com/zh-cn/sql/t-sql/language-elements/select-local-variable-transact-sql]https://docs.microsoft.com/zh-cn/sql/t-sql/language-elements/select-local-variable-transact-sql[/url]rnrnrn[code=sql]-- Uses AdventureWorks 代码1rnrnDECLARE @var1 varchar(30); rnSELECT @var1 = 'Generic Name'; rnSELECT @var1 = Name rnFROM Sales.Store rnWHERE CustomerID = 1000 ; rnSELECT @var1 AS 'Company Name';[/code]rn---rn[code=sql]-- Uses AdventureWorks 代码2rnrnDECLARE @var1 varchar(30) rnSELECT @var1 = 'Generic Name' rnSELECT @var1 = (SELECT Name rnFROM Sales.Store rnWHERE CustomerID = 1000) rnSELECT @var1 AS 'Company Name' ;[/code]rnrnrn
动态生成select,赋值问题
项目中select是要接口获取并赋值,然而,在做回显的时候不能马上赋值,可能是异步的原因吧,看了网上的说法,是在ajax上使用async:false,这个属性,但是并没有什么软用,你只要把赋值的操作放在赋值的回调的操作里即可。具体代码 : 调用接口function newquerybusinessclass () { var _url = []; _url.url = "../Al
select 语句的赋值问题
declare @a varchar(50)rnselect @a=f_a from table1 where ....rn假如没有符合条件的行,那么@a此时的值是什么?
vue中select问题
{{ option.text }} Selected: {{ selected }} data : { selected: 'C', // 比如想要默认选中为 Three 那么就把他设置为C options: [ { text: 'One', value: 'A' }, //每个选项
SELECT 赋值
[code=SQL]rn--简单结构如下rn--生成测试数据rnCREATE TABLE #TEST rn(rn FID int primary key identity(1,1),rn Fname nvarchar(20),rn FDebit money, --借rn FLend money, --贷rn FBalance money, --余额rn FReason nvarchar(500),rn FCheckOrder bitrn)rnINSERT INTO #TESTrnSELECT '张三',50,0,50,'出库',0rnUNION ALLrnSELECT '张三',70,0,120,'出库',1rnUNION ALLrnSELECT '张三',90,0,210,'出库',1rnUNION ALLrnSELECT '李四',80,0,80,'出库',0rnUNION ALLrnSELECT '张三',0,70,140,'对账',1rnUNION ALLrnSELECT '张三',0,90,50,'对账',1rnrnrnSELECT * FROM #TESTrn/*现要到达以下效果,将客户张三对账的数据冲掉即重新写2笔数据rn1 张三 50.00 0.00 50.00 出库 0rn2 张三 70.00 0.00 120.00 出库 0rn3 张三 90.00 0.00 210.00 出库 0rn4 李四 80.00 0.00 80.00 出库 0rn5 张三 0.00 70.00 140.00 对账 1rn6 张三 0.00 90.00 50.00 对账 1rn7 张三 70.00 0.00 120.00 冲红 1rn8 张三 90.00 0.00 210.00 冲红 1rn*/rn--用SELECT插入数据,问题在于余额的计算rn--也就是每一行数据的检索应该是动态取得该客户最后一次余额rn--但SELECT插入模式下必须要数据检测完才进行插入,rn--所以我用自定义函数GetLastBalance()总只能取得未插入前的最后BalancernINSERT INTO #TESTrn (rn FName,FDebit,FLend,FBalance,FReason,FCheckOrderrn )rnSELECT FName,FLend,FDebit,FBalance/*GetLastBalance(FName)+FLend*/,'冲红',1rnFROM #TESTrnWHERE Fname='张三' AND FReason='对账'rnrnrn--删除临时表rnDROP TABLE #TEST rn[/code]rn在线等。。。。
select into赋值
本课程主要介绍PLSQL语言,他是Oracle数据库开发必须要掌握的内容。
关于select动态赋值的问题
我在网页上有两个列表框,第二个列表框B根据第一个列表框A的内容变化而变化。rn两个列表框的内容都是从数据库里取值的,select * from test where id="abc",abc的就是A的值。请问如何通过A的onchange事件对列表框B进行赋值。我看了一些商业网站上的源代码,都是用过form的submit来进行,但没有详细的程序,如果有请大家推荐一下rn
Jquery给select赋值问题
[code=html]rn rn 请选择rn 年rn rn 请选择rn 月rn rn 请选择rn 日rn[/code]rnrn[code=javascript]rn rn[/code]rnrnrn=======================================================================rn用下面的方法取到值后给select赋不了值。。。。。。。。。rn[code=javascript]rn rn[/code]
关于select count(*) 赋值问题
rn mstrSQL:='select count(*) as cou '+rn 'from Deal ' +rn 'where '+ quotedstr(mstr1)+'='+quotedstr(mstr2)+rn 'and '+rn 'dealdate>='+quotedstr(Da)+'and dealdate<='+ quotedstr(das);rn with ADOQuery2 dorn beginrn close;rn with SQL dorn beginrn Clear;rn Add(mstrSQL);rn end;rn Open;rn if Eof and Bof thenrn beginrn endrn elsern begin //开始处理rn setlength(jilu,k+1);rn [color=#FF0000]jilu[k]:=strtoint(Trim(FieldByName('cou').AsString)); //储存该商品项的频数[/color]rn end;rn end;rn当count(*)值为空时,红色部分是不能进行赋值的
javascript中select的赋值问题?
一开始给select赋初始值,但是点击某一方法之后将会给select增加一个数组。那我怎么把一开始给select赋初始值给去掉呢?
select count语句的赋值问题~
想将select count语句的值赋给某个变量,该如何实现~rn如:rn[code=Delphi(Pascal)] with DM2.ADOQuery1 dorn beginrn Close;rn SQL.Clear;rn SQL.Add('select count(weight) from weight where weight=:WeightValue');rn Parameters.ParamByName('WeightValue').Value:=Trim(Edit1.Text);rn Open;rn end;[/code]rnrn
求助。。。select count 的赋值问题
代码是这样的rnrnint32 CDataBase::CountRecord(TABLE_PARAM *pParam)rnrn char str[512];rn MYSQL_RES *p;rn int32 cnt;rnrn sprintf(str,"select count(*) as cnt from %s",pParam->tab_name);rnrn mysql_query(&m_Mysql,"set names gbk");rn p=GetResult(str);rn rn ?????rnrn return cnt;rnrnrn求助!我应该怎么样才能将返回的记录总数值赋给变量cnt呢?
关于存储过程select into 赋值的问题
set @v_begindt=0;rnselect a.Fromtime into @v_begindt from rn(SELECT a.Fromtime FROM heidunlog.dbaudit_index a WHERE a.Fromtime > rn( SELECT ifnull(t.overdt,unix_timestamp(date(from_unixtime(t.dt-86400)))) rnFROM heidunlog.abnormalreporttask t WHERE id = 5 rn) rnand rna.Fromtime< (select a.Fromtime from heidunlog.dbaudit_index a rnwhere a.noncekey=1 order by a.Fromtime desc limit 1 rn) and a.noncekey <> -1 ornrder BY a.tablename ASC limit 1rn) a;rnselect @v_begindt;rnrn这个语句在存储过程中执行,第一次可以正常取到@v_begindt的值,第二次,或者第三次执行的时候,@v_begindt 就取不到值了,说明下:肯定有值的。是不是使用的不正常还是什么,急
html select控件selectedIndex无法赋值!
sqlconn.datac()rn Dim sql As String = "select * from webadmin where id='" + Request("id") + "'"rn Dim cmd As SqlCommand = New SqlCommand(sql, sqlconn.conn)rn Dim rs As SqlDataReaderrn rs = cmd.ExecuteReaderrn If rs.Read Thenrn username.Text = rs.Item("username")rn selladdress.Value = rs.Item("selladdress")rn usertype.Items.FindByText(rs.Item("usertype")).Selected = Truern worknum.Value = rs.Item("worknum")rn manager.Value = rs.Item("manager")rn If Not IsDBNull(rs.Item("code")) Thenrn code.Value = rs.Item("code")rn 'city.Items.FindByText(rs.Item("city")).Selected = Truern End Ifrn End Ifrn cmd.Cancel()rn sqlconn.conn.Close()rnrn执行到usertype.Items.FindByText(rs.Item("usertype")).Selected = True就出错,提示“未将对象引用设置到对象的实例。”,这是怎么回事,要怎么解决,各位大侠帮帮忙!
select下拉列表选项赋值的问题
我从数据库中读出“人数”和“部门”,希望在下拉列表中显示的是“部门”的名字以供选择。传递回来的值部分,必须含有“人数”,“部门”两个部分。原因为:“部门”作为提交后传递给下个页面,“人数”的值直接传递给本页面另一个文本框为默认值,以提供计算。rnrn如上,我希望将“部门”“人数”作为一个数组,赋值给option的value。不知道js要怎么赋值。另外,那个文本框如何获得该“人数”值?rnrnrnrn请高人指教一二。
select into 自定义变量赋值问题
SELECTrn `物料编码管理明细`.`新编码` ,rn `物料编码管理明细`.`物料名称`,rn `物料编码管理明细`.`规格`,rn `物料编码管理明细`.`型号`,rn `物料编码管理明细`.`品牌`,rn `物料编码管理明细`.`单价`,rn `物料编码管理明细`.`订货周期`,rn `物料编码管理明细`.`最小订货量`rn into (@num,@name,@rulu,@type,@maker,@price,@minT,@minC)rn FROMrn `物料编码管理明细`rn WHERErn `物料编码管理明细`.`申请单号` = new.申请单号rn能帮我看看 是那里错了吗
在select语句中赋值的问题
有一个如下表 t:rnrnf_id f_cityID f_name f_flagrn---------------------------rn1 1000 天津 无效rn2 1000 天津 有效rn3 1001 北京 有效rn4 1003 上海 有效rnrnrnDECLARE @fid int;rnSELECT @fid=f_ID FROM t WHERE (f_cityID =1000) //根据这个条件返回的记录应该有两行。rnrnselect @fid //这里显示的值是2rnrn问题:是否可以理解为在查询时进行了多次赋值,所以@fid的值就是返回记录集中最后一行的记录值?rn
PHP网站 select下拉框赋值问题
rnrn rn rn rn rn rn 标题内容:rn rn rn rn 创建时间:rn rn 到 rn rn rn rn 发布状态:rn rn --请选择--rn 处理中rn 已发布rn 已拒稿rn 已删单rn rn rn rn rn rn rn rn rn rn rn rnrn小白求教。代码如上,为什么我选择过创建时间和 发布状态这个下来选项之后, 点击搜索。搜索到的内容可以显示出来。 但是发布状态 和创建时间会自动回复到默认的“没有时间”和“”请选择”,怎么样能就比如 我选择了时间区间是2017.8.1至2017.9.1 然后发布状态里面选择的是已发布或者其他,点击搜索后 显示的还是我选择的项呢? 这里我看应该是缺少PHP代码该怎么添加写上去啊。求大神帮忙跪谢
关于select 赋值的问题!很简单的
现在学oracle有点搞不懂rn比如 rndeclare fir_n varchar2(20);rnbeginrnselect cust_first_name into fir_n rnfrom oe.customers where oe.customers.customer_id=1470;--没有1470这个idrndbms_output.put_line(fir_n);rnend;rn如果是mssql fir_n这个变量就为空呀 但是oracle会出异常,oracle中有没有不报错的写法??
vue的src的动态绑定赋值问题
html: &amp;amp;lt; li v-for=“item in items”&amp;amp;gt;&amp;amp;lt; img :src=“item.src” alt=&amp;quot;&amp;quot; /&amp;amp;gt; script : data() { items: [ {id:1, src:require(’…/…/assets/item2.jpg’)}, {id:2, src:require(’…/…/assets/item2.jpg’)}, {id:3
vue 数据(data)赋值问题
总结一下我遇到的一个纠结很久的问题。在项目中需要用到后台的数据对前端渲染,使用到了vue整合的axios,使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请求然后将返回后的数据赋值data()中定义的属性:执行后前端报错:原因:在请求执行成功后执行回调函数中的内容,回调函数处于其它函数的内部this不会与任何对象绑定,为undefined。解决方案:一)将指向vue对象的this赋...
vue + element + select 清空问题
nn```n n n n n n nn n n n n n n```n代码如上,现在的问题是这样:省市都能正常出来,联动也实现,就是在选择省的时候市的下拉框应该清空上一次的选择,我用this.cityId = '',this.teamUpdateForm.cityId = '',this.cityId = null这些都试过,都无法清空,请问是什么问题呢?n
控件事件赋值的问题
如何给一个form上的所有Twincontrol控件的onmousedown事件赋值?(如果有的话)
DateTimePicker控件赋值的问题
DateTimePicker控件,命名了一个控件类型的变量,不是值类型的。但想把系统时间赋给DateTimePicker控件的时候总出错,不知道怎么做。 rn 在网上查了一下,有两种方法。一是:rn CDateTimeCtrl::SetTime rn rn BOOL SetTime( rn const COleDateTime& timeNew rn ); rn BOOL SetTime( rn const CTime* pTimeNew rn ); rn BOOL SetTime( rn LPSYSTEMTIME pTimeNew = NULL rn ); rn 但是我的控件变量名带不出SetTime这个函数,用了就报错,说没有这个函数。rnrn 还有一种方法是:rnrn COleDateTime PlayStart; rn PlayStart=COleDateTime::GetCurrentTime( ); rn m_DatePicker.SetFormat("yyy-MM-dd,HH:mm:ss"); rn m_DatePicker.SetTime(PlayStart);rn rn但是我的控件变量m_DatePicker也带不出SetFormat这个函数,只能带出SetTimer这个函数。我用的是VC6,操作系统是XP。rn 为什么我带不出这几个函数呢?rn
DropDownList控件赋值的问题!
我的DropDownList控件已经绑定数据源,现在我要重新指定DropDownList当前所选值,不知道应该用什么语句?rn我用rnDropDownList_vehicle_type.SelectedItem.Value = myReader("vehicle_type")rn或者rnDropDownList_vehicle_type.SelectedItem.Selected = myReader("vehicle_type")rn都不起做用。请指教!
控件赋值问题,急!
请问,在asp中,如何给这个控件设置初始值!
Edit控件的赋值问题
请问将Edit编辑控件的值跟一个变量关联后,如何在编辑框的值改变后,保证变量取到的值也同步更新?
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法