下拉框当前数据没有回显数据

最新推荐文章于 2022-02-24 09:02:30 发布
最新推荐文章于 2022-02-24 09:02:30 发布
阅读量842 收藏 1
点赞数 1
分类专栏： 报错问题总结 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43739375/article/details/103671447
版权

在这里插入图片描述
文档中定义的f_mode为字符串,传的是MasterMode SlaveMode
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注意:value是前端传给后端的值,看后端如何定义的,不能随便写,此文档中定义的f_mode是字符串,传的是SlaveMode和MasterMode,而代码中定义value为数字 0 1 ,故不能回显.

正确代码:
在这里插入图片描述
正确显示:
在这里插入图片描述

想吃可爱多
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
无敌解决input select下拉选择无法正常使用js回显数据的问题
TrueDei
05-04 3998
无敌解决input select下拉选择无法正常使用js回显数据的问题
select下拉框之数据回显
飞火龙在天的博客
03-15 2万+
估计这是最简单的一种方法了 setTimeout("$('select#menuLevel').val('${menuLevel}')", 100);
关于下拉框数据回显得解决方案
愿你安稳的博客
08-28 1314
代码不多，理解也容易，直接上代码 关于性别的回显方式，数据是静态不变的， 如图： <select id="sex" name="sex"> <option value="1" <c:if test="${user.sex==1}">selected</c:if>>男</option> <option valu...
关于 下拉框 数据 回显 的问题
weixin_34054866的博客
12-16 218
暂时经常用的只有一种1、获得controller 层传来的数据 例如 time2、直接上代码 你懂得 option中 加 selected 为默认选中<selectid="xx"> <c:forEachitems="${xxx}"var="pin"> <optionvalue="${pin}"<c:iftest="$...
进行数据更新时回显数据(下拉列表)
qq_43246102的博客
04-14 323
<select class="form-control select2" style="width: 100%" name="productStatus"> <option value="0" ${product.productStatus=="0"?"selected='selected'":""}>关闭</option> ...
关于form表单查看详情数据回显的问题
澈ovo
03-22 1545
查看详情form表单数据回显 <body> <table id="test" lay-filter="test"></table> </body> <script type="text/javascript"> table.on("tool(test)",function(obj){ var data=obj.data; if(obj.event=="look"){ form.val("lookxqF",data); lay
下拉框数据回填
丶坏孩子的博客
05-28 739
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：VS MVC 作者：袁志彤 撰写时间：2019-05-17 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 我原...
解决layui 三级联动下拉框更新时回显的问题
10-16
然而，在实际开发过程中，开发者可能会遇到三级联动下拉框更新后回显旧数据的问题。本文将详细探讨如何解决这个问题，并提供相关的代码实现。 ### 知识点一：LAYUI框架介绍 layui是一个前端UI框架，它基于纯...
从父页面点编辑的时候回显下拉框的数据回显不成功的问题
麦兜仪的博客
05-08 467
​ 原来的写法在别的项目写是可以的 不知道什么原因在这里就不可以 不过还好在同事的帮助下换了另一种写法解决了 成功的代码如下: 重点: $(’#status’).val(data.status) $(’#sex’).val(data.sex) <--下拉框HTML结构--> <div class="layui-form-item"> <label class="layui-form-label">性别</label> ..
layui实现下拉复选功能的例子(包括数据的回显与上传)
10-16
4. **数据回显**：使用`$.ajax`方法从后端服务获取数据。当页面加载完成后，这些数据被用来填充下拉复选框中已经选中的项。 5. **JavaScript逻辑**：通过编写回调函数处理从后端返回的数据，将数据解析并组装成`...
Vue下拉框回显并默认选中随机问题
12-09
然而，在实际应用中，我们可能会遇到下拉框数据回显时出现的随机性问题，即默认选中项不固定，可能会随页面刷新而变化。这个问题通常与数据请求的异步性以及数据绑定机制有关。 首先，我们要明确Vue.js的生命周期和...
Vue3+ElementUI el-select 下拉框多选，下拉框里回显多选的数据
最新发布
06-10
在Vue3+ElementUI中，可以通过v-model指令来实现el-select下拉框的多选，同时可以通过设置el-option的selected属性来实现在下拉框中回显多选的数据。 首先，在数据模型中定义一个数组属性来存储多选的值，例如： `...
C# 下拉菜单 comboBox 选中之后显示空白
gdali的专栏
04-02 6029
combobox 选中之后显示空白，设置：把dropdownstyle属性设置为dorpdownlist。 获取选中的值comboBox1.SelectedValue。
选择下拉框回显默认值问题
sinat_36810495的博客
08-01 2333
更改学生信息框，班级下拉框未正确默认显示该学生班级 这三行代码非常重要，一开始忽略了它们让我白费很带劲，而这正是后面断点排除后端bug的关键 <input class="hidden" th:value="${sysPersonnel.personnelId}" name="personnelId"> <input class="hidden" th:...
EasyExcel下拉列表无法显示
sirwsl
02-24 1952
EasyExcel由于下拉数据过多导致无法显示
vue中Select下拉框的数据回显问题
weixin_51631350的博客
02-19 5111
Select下拉框的数据回显问题 2. 取值的话需要使用@change事件
解决element ui select下拉框不回显数据问题
热门推荐
wangyuanjun008的博客
01-24 3万+
最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git 前端地址是 https://github.com/wangyuanjun008/wyj-vue-security.git ,使用的前端语言是vue,使用webpack构建vue-cli全家桶 在项目中用到 el-select 时遇到一
解决element ui select多选下拉框，在编辑表单记录时没有回显数据，默认选中的问题
weixin_45616483的博客
09-06 2万+
前端使用vue，项目中使用的是element ui组件，在使用select下拉框多选时，新增记录时select多选下拉框正常使用，没问题。但是在编辑记录时，编辑界面也为select下拉框赋值了，却没有显示数据。 先放一个select多选下拉框编辑时正确的加载数据的显示效果图： 下拉框代码如下： <el-form-item prop="czfaIds" label="处置方案"> ...
vue下拉框回显数据，但是用push添加不回显
06-06
在Vue中，使用`v-model`指令可以实现表单元素的双向绑定。下拉框也是一种表单元素，因此也可以使用`v-model`来实现回显数据的功能。 如果你的下拉框选项是通过一个数组动态生成的，那么你可以在`data`选项中定义一个数组来存储选项，然后在`mounted`钩子函数中初始化这个数组。例如： ```html <template> <div> <select v-model="selectedOption"> <option v-for="option in options" :value="option.value">{{ option.label }}</option> </select> </div> </template> <script> export default { data() { return { selectedOption: '', options: [] } }, mounted() { // 初始化选项数组 this.options.push({ label: '选项1', value: '1' }) this.options.push({ label: '选项2', value: '2' }) this.options.push({ label: '选项3', value: '3' }) // 设置默认选中的选项 this.selectedOption = '2' } } </script> ``` 在上面的代码中，我们定义了一个`selectedOption`变量来存储当前选中的选项的值，以及一个`options`数组来存储下拉框的选项。在`mounted`钩子函数中，我们使用`push`方法向`options`数组中添加三个选项，并且将默认选中的选项设置为`2`。 如果你使用`push`方法向`options`数组中添加选项后，发现下拉框没有回显数据，那么可能是因为Vue无法检测到`options`数组的变化。这时，你可以使用Vue提供的`$set`方法来添加选项。例如： ```javascript this.$set(this.options, 0, { label: '选项1', value: '1' }) ``` 在上面的代码中，我们使用`$set`方法将一个新的选项添加到`options`数组的第一个位置。这样，Vue就能够检测到`options`数组的变化，并且能够正确地回显数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值