当下拉数据只有一条数据时，页面打开后默认选中

于 2023-08-09 15:55:53 发布
阅读量96 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64785232/article/details/132190008
版权

实现思路：判断返回的数组是不是只有一条，如果只有一条的话给这个值进行赋值

  1. 现在template中定义下拉组件，并双向绑定字段名
  2. 这里el-option做了遍历获取后台返回的数据，其中定义的array为数组
  3. Array数组在</script>标签中定义：
  4. 对数组进行并发请求，getxxxx，postxxx为请求接口，postxxx([])为需要传递的参数，在发送完请求后进行判断如果为一条时进行赋值，使用map将定义的array数组中的字段值赋给form中的字段名，实现如果只有一条数据时默认选中

 

 

 

Spongebob王
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于豆瓣电影爬虫及Spark数据分析可视化设计
11-01
开发环境：PyCharm + Python3.7 + Spark + Idea + Mysql + Echart 可视化网站入口：http://localhost:8080/login.html 账号密码： admin/1 由于我国经济的不断增长，人们的物质生活也在不断提升，因此越来越多的人观影需求增加以丰富精神生活，为分析当下用户的观影偏好以及方便人们从众多的影片中作出合适的选择，本文基于Spark分析平台及python爬虫技术等设计了一个豆瓣电影数据分析可视化系统，以完成对豆瓣电影网页的数据进行爬取，进而以折线图图、直方图等多种数据可视化的形式直观的展示给用户，从而分析用户观影偏好以及为用户选择影片时提供一定的参考。 该豆瓣电影数据分析分析可视化系统主要可以实现至少对一万条电影数据的爬取和分析，可以从中分析出热门电影类型数据占比、历年电影上线走势、电影高频词统计分析、电影评分等级分析、影评时间统计分析、上线电影数量较高年份五大模块。
Antd Vue中Select选择器多选模式下只选中一条禁止删除实现
qq_38019052的博客
10-24 635
插槽自定义删除图标，当选中数据数组长度大于1时显示。选择器只选中一条选项时，去掉删除按钮。
下拉框选中以后怎么恢复默认
weixin_42587866的博客
01-05 351
要恢复下拉框的默认值，可以使用JavaScript代码： document.getElementById("mySelect").selectedIndex = 0;
Layui的 select 下拉选的数据回显以及选中触发的事件(指定下拉选的长度)
qq_42780864的博客
10-11 2160
1、数据回显。 备注：通过将指定下拉选的Value值设置select 为true即可。 注意：数据回显时一定要注意下拉框的数据是否已经进行初始化完毕或者已经加载完成。若出现没有回显的情况，则一定是数据未加载完毕，解决方案，将动态加载select的ajax改为同步请求即可。 $("#masterialid").find("option[value="+data.masterialid+"]").pr...
kendo学习笔记（6）-------kendoDropDownList（下拉菜单select）解决change事件只有一条数据无法选中问题
weixin_43989837的博客
08-09 2387
一，先写出万能实例如下： <div id="dropDownList"></div> <script> $("#dropDownList").kendoDropDownList({ dataTextField: "text", dataValueField: "value", dataSource: data, index: 0 // 当前默认选中项，索引从0开始。
下拉框选中一个选项后 触发事件
热门推荐
别在熬夜了！
08-12 3万+
function GaiBian(osel){ if(osel.options[osel.selectedIndex].text==1){alert(11);}     }   //-->             1     2     3             百度     谷歌
jq 下拉列表选中事件_JQuery select各种事件
weixin_35748610的博客
01-27 5197
最近工作中总出现select 和 option问题，整理一下，内容大部分源于网络资料一、基础取值问题例如1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option:contains('pxx')").attr("selected",true);注意：之前$(".selector").f...
数据挖掘算法之协同过滤算法，数据挖掘算法协同
03-01
当下使用协同过滤算法计算的推荐系统到处可见，例如淘宝，京东，当当等电商网站，当你在网站上购买或者浏览了某些商品从而被其收集了相对应的数据，下次你在次浏览该网站的时候就会发现，他会根据你之前的购买/浏览...
公开整理-乡村振兴指数数据集.dta
02-25
乡村振兴是当下经济学研究的热点之一，对乡村振兴进行测度，是研究基础。测度乡村振兴水平的学术论文广泛发表在《数量经济技术经济研究》等顶刊上。整理了2000-2022年城市层面的乡村振兴指数与其30余个原始变量数据...
美国劳工部官方统计数据数据集
07-06
美国劳工部官方统计数据由美国劳工部统计司发布，是美国重要经济统计指标的当下和历史数据。数据以文本文档形式组织，每一类指标数据由两个英文开头的文件夹构成。具体指标目录及名称如下所示。 # 英文名称 中文名称...
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
05-04
基于matlab实现实现了基于项目的协同过滤代码，MATLAB实现.rar
各地区年末城镇登记失业人员及失业率.xls
最新发布
05-05
数据来源：中国劳动统计NJ-2023版
企业固定资产信息管理系统设计与实现.doc
05-04
企业固定资产信息管理系统设计与实现.doc
node-v11.14.0-darwin-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v8.9.1-sunos-x64.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
node-v12.10.0-linux-armv7l.tar.xz
05-04
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于VB实现的学生成绩管理系统(源代码+系统+开题报告+答辩PPT).zip
05-04
【作品名称】：基于VB实现的学生成绩管理系统(源代码+系统+开题报告+答辩PPT) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
银行信贷管理系统设计与实现-(毕业设计)1.docx
05-04
银行信贷管理系统设计与实现-(毕业设计)1.docx
基于VB实现的银行代扣代发工资系统(源代码+系统+开题报告).zip
05-04
【作品名称】：基于VB实现的银行代扣代发工资系统(源代码+系统+开题报告) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
要实现创建一个可编辑的表格，并且能够保存数据并在下次打开页面时显示之前修改的数据的完整代码
06-11
当下次打开页面时，将会自动加载之前保存的数据： HTML代码： ```html 名称 数量 价格 <td contenteditable="true"></td> <td contenteditable="true"></td> <td contenteditable="true"></td>...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值