如何将后台返回得接口数据绑定给radio

已于 2022-09-29 16:56:33 修改
阅读量624 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
于 2022-09-28 15:54:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57607714/article/details/127090982
版权

 格式：


 <el-form-item label="试题选项随机" prop="optionDisorder">
     <el-radio-group v-model="form.optionDisorder">
         <el-radio label="1">是</el-radio>
         <el-radio label="0">否</el-radio>
     </el-radio-group>
</el-form-item>

 由于后端给的是数值  而前端需要得是字符串  所以需要转化一下

为什么赋值给res.data  是因为这是根据id查询得数据 所以直接返回给接口

最后一步再把res.data 赋值给form

el-autocomplete远程搜索使用及el-upload上传多个文件流给后端，详情接口返回的是文件地址，前端将文件地址转成文件流，回传文件流给后端
qq_37635012的博客
01-04 1560
最近遇到一个项目，里面有2个需求我觉得挺常见的，第一个需求是一个表单里，当用户在输入名称后，前端调接口发请求获取到关联名称的企业名称，并展示，然后当用户选中企业后，前端调接口获取选中企业的具体信息，并填充到表单里；第二个需求是，表单里有个上传图片的功能，前端需要在用户点击保存的时候，前端调保存接口将文件流随表单数据一起以formData格式传给后端存起来，如下图，用户在名称输入框输入“武汉”两个字后调接口获取到的数据如下有“武汉市花木有限公司”、“武汉大学”等，当用户选中“武汉大学”后会将接口返回的信息回显
element ui根据返回数据动态实现多项单选及回显
卡卡西：一个擅长拷贝的前端程序员
06-18 2636
效果如下，数据都是接口返回的， 思路： element-ui 的单选<el-radio>标签，可通过 v-model 绑定变量来设置默认值，但上图这种效果，所有数据都是接口动态返回，不能预先在data中定义 每组单选 变量来设置默认值， 可在data中定义一个数组 qualitySelect，数据返回时，有几组数据向这个数组中push几个值，值为每组数据默认的选中值，注意，值必须为number类型，才会给<el-radio>的v-model赋值上 <tabl...
radio接收并显示后台传值
嘎嘎滴小菜鸟的博客
03-23 1万+
radio从后台向前台传值的原理是： 1.用隐藏域接收后台传过来的radio的参数； 例如：   2.用js获取input  radio里面的参数并传给radio对应的选择框； 例如： （1）注意name一定要一致，不然会导致二个选择框都能选中的想象； 选项1 选项2 正常 无效 （2）给加一个页面加载就运行的js function myfunction()
关于获取后台数据值将其显示到radio或者select中的方法
lucky52zf的博客
10-31 7959
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
小程序----数据绑定
emmmm.....
04-23 2278
文章目录1 数据绑定的基本原则2 在 data 中定义页面的数据3 Mustache 语法的格式（插值表达式）3.1 Mustache 语法的应用场景3.2 动态绑定内容3.3 动态绑定属性3.4 三元运算3.5 算数运算 1 数据绑定的基本原则 在 data 中定义数据 在 WXML 中使用数据 2 在 data 中定义页面的数据 在页面对应的 .js 文件中，把数据定义到 data 对象中即可： // pages/list/list.js Page({ /** * 页面的初始数据
uview中根据后台数据绑定radio单选框
最新发布
m0_57948069的博客
05-09 2961
今天需要做一个单选框，然后单选框上的显示文本需要是后台传输过来的，由于之前只是后端，前端写的很少，而且经过了解后发现uview时uniapp的一个UI，也就是移动端的组件，是我从来没接触过的组件，所以上手组件就花了一个上午，不过好在下午就做出来了这个功能。:name中的item.后面的名字一定要改成实体类中的名字，否则就会拿不到数据！(ps.其实主要是因为这个忘记改了才浪费许多时间)我这个数组中拿到的是两个实体类，后台代码就不展示了。根据需要的进行删改；
element ui单选框如何绑定数据传给后台
hsyyds666的博客
07-14 1138
他的代码是这样的: 上面是element ui给的东西,我也是CV直接用的,结果拿不到数据，为了拿到value,我element ui里面找了半天方法,可是看了
【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题
qq_44655358的博客
02-22 2万+
value 这个属性值放在radio里面没多大作用， 在radio单选框里面 lable 相当于 radio 的 value，由此删除代码中的value属性 调整为label绑定接口定义好的数值类型，前端展示的中文文本男&女直接写在标签中间 <el-form-item label="性别"> <el-radio-group v-model="form.gender" style="margin-bottom: 0"> .
Jqgird数据回传但是页面不显示数据问题！
wkj_dlz的博客
03-31 1172
今天尝试使用Jqgrid控件中的subgrid(子表格)，有出现数据回传了但是页面不显示数据情况；代码如下：multiselect: false,                subGrid: true,                subGridRowExpanded: function (subgrid_id, row_id) {//展开时做子表格                    v...
天气接口对接，vue方式对接和风网站平台天气数据信息
qq_18086979的博客
11-01 949
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="./js/vue.min.js"></script> <script src="./js/jquery-1.8.3.js"></script> <style> *{ margin.
Vue + element-ui 后台数据返回前台显示
sophialise的博客
04-21 4355
在原来ASP.NET 网站项目上做的扩展，完整的Vue项目用不了，只能用Vue + element-ui + axios。 前台C#： <el-button type="primary" plain icon="el-icon-refresh" size="small" @click="refreshForm()">刷新</el-button> <el-ta...
Vue Element Ui中el-radio设置默认值
m0_58565372的博客
09-21 1万+
在写项目的时候，尤其是后台管理系统的修改操作，你需要掉后台接口（详情接口）先拿取后台传给你的数据，但是如果单选框的lable不处理，就会看不到单选框选择的是哪一个状态，（其实已经默认选择第一个了，第一个选择框点击不了）如图。有时候后台返回的单选框是number类型的，单选框的lable需要设置成 :lable='0',例如。element ui里面的label类型可以是string、number、boolean，如图。如果后台返回的是string，则正常写，例如。也可以实现上图效果。
el-radio回显与接口联调数据问题
qq_45146135的博客
09-29 930
页面和接口对完之后，被告知el-radio的数据需要从后台获取，防止当后台有多个数据的时候前端展示不出来，于是小白开始修改单选框radio的HTML结构，具体就是由这种 变成了下面这种 这样就实现了单选框数据的循环，后台有多少数据即可展示多少。 此时后台传来的templateRange值为数字，并不是我们想要的文字，需要进行过滤。过滤完毕之后。 开始的 ：label被我写成了 ：label=“item.itemName”，itemName原本是后台数据显示出来的值。 接下来问...
从接口返回的值确定radio默认选中
qq_41696819的博客
01-06 499
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"><...
elementUI中el-radio-group的使用
热门推荐
qq_37899792的博客
06-27 4万+
<template> <el-radio-group v-model="radio" size="small" @change="changeTheme" fill="#66b1ff"> <el-radio-button :label="1">主题一</el-radio-button> <el-radio-button ...
el-Radio ----- 事件绑定
omg_mogu的博客
11-20 5086
el-Radio — 事件绑定 日常绑定change事件 <el-radio-group v-model="value" @change="Handlechange"> <el-radio-button label="1">check1</el-radio-button> <el-radio-button label="2">ch...
elementui el-radio组件绑定字符串，传参和默认回显
qq_45030898的博客
07-26 1916
如果需要传的是数字1，2，3之类的，官网的例子就可以满足的。elementui el-radio组件绑定字符串，传参和默认回显
Vue+ Element el-radio-group 绑定事件
weixin_46005715的博客
11-28 2769
【代码】Vue+ Element el-radio-group 绑定事件。
ElementUI中el-radio-group使用v-model绑定是属性为String字符串类型时不回显数据
BADAO_LIUMANG_QIZHI的博客
08-13 7570
场景 结合el-radio-group元素和子元素el-radio可以实现单选组，在el-radio-group中绑定v-model，在el-radio中设置好label即可，无需再给每一个el-radio绑定变量，另外，还提供了change事件来响应变化，它会传入一个参数value。 官方示例代码： <template> <el-radio-group v-model="radio"> <el-radio :label="3">备选项</el-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值