解决el-select回显异常 显示option选项的value 而不是显示label
1、问题
回显的value和选项value类型不同
form中v-model="form.userId"是字符串类型
option中:value=“item.userId” 选项id是数字类型
2、办法
:value=“item.userId” 改为 :value=“item.iduserId+‘’”（转换成字符串）
<el-form-item label="领导姓名" prop="createrId"><el-select v-model="form.createrId" placeholder="请选择领导姓名" clearable style="width:300px" filterable@change="handleUserChange"><el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId+''"><span style="float: left">{{ item.nickName }}</span><span style="float: right; color: #8492a6; font-size: 13px">{{ item.dept.deptName }}</span></el-option></el-select>
</el-form-item>
相关文章：
解决el-select回显异常 显示option选项的value 而不是显示label
1、问题 回显的value和选项value类型不同 form中v-model"form.userId"是字符串类型 option中:value“item.userId” 选项id是数字类型 2、办法 :value“item.userId” 改为 :value“item.iduserId‘’”（转换成字符串） <el-form-item l…...
【【STM32-SPI通信协议】】
STM32-SPI通信协议 STM32-SPI通信协议 •SPI（Serial Peripheral Interface）是由Motorola公司开发的一种通用数据总线 •四根通信线：SCK（Serial Clock）、MOSI（Master Output Slave Input）、MISO…...
板卡常用前端 数据表操作
两年前写的，现在看,有点想吐, 数据操作表,调试设备用 采用外挂的方法，以前设备的接口命令,简易，换个UI展示很容易 自己写着玩的,公司部分产品再用,前端展示,不涉密 index.html <!doctype html> <html><head><meta chars…...
基于AVR128单片机世界电子时钟的设计
一、系统方案 上电初始化完成系统初始化，液晶滚动显示北京、莫斯科、东京、伦敦、巴黎、纽约等六个城市的标准时间，显示的内容包括地区名及相应地区的年、月、日、星期、时、分、秒。 使用K1按键控制滚动显示或稳定显示某个地区的时间。 使用K3、K4、K5按…...
Electron学习2 使用Electron-vue和Vuetify UI库
Electron学习2 使用Electron-vue和Vuetify UI库 一、Electron-vue简介二、安装yarn三、创建Electron-vue项目1. 关于 electron-builder2. 安装脚手架3. 运行4. 打包应用程序 四、background.js说明1. 引入模块和依赖：2. 注册协议：3. 创建窗口函数&#x…...
Java“牵手”根据商品分类ID获取速卖通商品分类详情页面数据获取方法，速卖通API实现批量商品数据抓取示例
速卖通商城是一个网上购物平台，售卖各类商品，包括服装、鞋类、家居用品、美妆产品、电子产品等。要获取速卖通商品分类详情和商品列表和商品详情页面数据，您可以通过开放平台的接口或者直接访问速卖通商城的网页来获取商品分类详情信息。以下…...
QT 使用图表
目录 1、概念 1.1 坐标轴-QAbstractAxis 1.2 系列-QAbstractSeries 1.3 图例-Legend 1.4 图表-QChart 1.5 视图-QChartView 2、 QT 折线图 2.1 Qt 折线图介绍 2.2 Qt 折线图实现 Qt 图表是专门用来数据可视化的控件 Qt 图表包含折线、饼图、棒图、散点图、范围图等。…...
SSRF 服务器端请求伪造
文章目录 SSRF(curl)网址访问通过file协议访问本地文件dict协议扫描内网主机开放端口 SSRF(file_get_content)网站访问http协议请求内网资源通过file协议访问本地文件 SSRF(Server-Side Request Forgery:服务器端请求伪造) 其形成的原因大都是由于服务端提供了从其他服务器应用…...
shell 05(shell索引数组变量)
一、数组 shell 支持数组 (Array)，数组是若干数据的集合，其中的每一份数据都称为数组的元素. 注意Bash shell 只支持一维数组，不支持多维数组。 在 Shell 中，用括号( )来表示数组，数组元素之间用空格来分隔. 语法为&…...
爬虫异常处理：异常捕获与容错机制设计
作为一名专业的爬虫程序员，每天使用爬虫IP面对各种异常情况是我们每天都会遇到的事情。 在爬取数据的过程中，我们经常会遇到网络错误、页面结构变化、被反爬虫机制拦截等问题。在这篇文章中，我将和大家分享一些关于如何处理爬虫异常情况的经…...
Python自动化小技巧21——实现PDF转word功能（程序制作）
案例背景 为什么这个年代PDF转word，某wps居然还要收费.....很多软件都可以实现这个功能，但是效果都有好有坏，而且有的还付费，很麻烦。 那就用python实现这个功能吧，然后把代码打包为.exe的程序，这样随便在…...
Vue使用Element的表格Table显示树形数据，多选框全选无法选中全部节点
使用Element的组件Table表格，当使用树形数据再配合上多选框，如下： 会出现一种问题，点击左上方全选，只能够选中一级树节点，子节点无法被选中，如图所示： 想要实现点击全选就选中所有的…...
SpringBoot生成和解析二维码完整工具类分享（提供Gitee源码）
前言：在日常的开发工作当中可能需要实现一个二维码小功能，我参考了网上很多关于SpringBoot生成二维码的教程，最终还是自己封装了一套完整生成二维码的工具类，可以支持基础的黑白二维码、带颜色的二维码、带Logo的二维码、带颜色和…...
Redis的基本知识（偏八股）
前言 本文篇概念，着重介绍Redis的执行效率、功能作用、数据类型、 执行效率 江湖上都流传这Redis的执行效率是挺快的，那为什么说它快呢？有以下几个原因： 基于内存单线程模型高效数据结构非阻塞I/O 基于内存: 内存的读写效率是…...
react使用antd的table组件，实现点击弹窗显示对应列的内容
特别提醒：不能在table的columns的render里面设置弹窗组件渲染，因为这会导致弹窗显示的始终是最后一行的内容，因为这样渲染的结果是每一行都会重新渲染一遍这个弹窗并且会给传递一个content的值，渲染到最后一行的时候，就…...
c++代码代码逻辑走查
自助生物采集代码 C部分流程...
CSS scoped 属性的原理
scoped 一、scoped 是什么？二、实现原理 一、scoped 是什么？ 在 Vue 组件中，为了使样式私有化（模块化），不对全局造成污染，可以在 style 标签上添加 scoped 属性以表示它的只属于当下的模块&am…...
git 查看某个分支是从哪个分支拉出来的
原文链接：https://blog.csdn.net/allanGold/article/details/102478157 git reflog show 分支名git reflog --datelocal | grep 分支名git reflog --datelocal | grep 分支名 $ git reflog --datelocal | grep release3 5c50761 HEAD{Thu Jun 29 12:53:45 2023}: c…...
vue helloworld.vue 点击按钮弹出 dialog,并给dialog传值
1 DataAnalysisVue.Vue -->应该组件文件名和 name: 的名字一致 <template><div><el-dialog :title"dataAnalysisMsg" :visible.sync"dataAnalysisvalue" :before-close"handleClose"><span>{{ dataAnalysisMsg }}&l…...
html动态爱心代码【三】(附源码)
目录 前言 特效 内容修改 完整代码 总结 前言 七夕马上就要到了，为了帮助大家高效表白，下面再给大家带来了实用的HTML浪漫表白代码(附源码)背景音乐，可用于520，情人节，生日，表白等场景，可直…...
告别Wireshark手动分析：用Python的flowcontainer库5分钟搞定pcap流量特征提取
用Python的flowcontainer库实现pcap流量特征自动化提取 每次面对几十GB的pcap文件时，你是否也厌倦了在Wireshark中反复点击、筛选、导出数据的繁琐操作？网络流量分析是安全研究和数据挖掘的基础工作，但传统的手动分析方法效率低下࿰…...
基于浏览器自动化的高级爬虫框架autoclaw实战指南
1. 项目概述与核心价值最近在折腾自动化脚本时，发现了一个挺有意思的GitHub项目，叫jmoraispk/autoclaw。乍一看名字，可能会联想到“自动爪子”或者“爬虫”，实际上，它也确实是一个专注于自动化网页交互和数据抓取的工具…...
怎样从零构建高性能Voron 2.4 3D打印机：5个专业技巧全解析
怎样从零构建高性能Voron 2.4 3D打印机：5个专业技巧全解析 【免费下载链接】Voron-2 Voron 2 CoreXY 3D Printer design 项目地址: https://gitcode.com/gh_mirrors/vo/Voron-2 Voron 2.4是一款开源的CoreXY高速3D打印机，以其卓越的打印质量和专业…...
影刀RPA高阶架构：告别“连点器”思维，内置原生指纹浏览器重塑全域店群防封底座
大家好，我是林焱，一名专注电商底层业务逻辑与企业级 RPA 自动化架构定制的独立开发者。 在技术社区和各大电商交流群里，我经常会遇到使用影刀 RPA 的开发者提出这样一个痛点：“林大，我用影刀写了一套逻辑非常严密的自…...
用C语言手搓一个聊天室服务器：从socket到多线程的保姆级踩坑实录
用C语言手搓一个聊天室服务器：从socket到多线程的保姆级踩坑实录 深夜两点，屏幕的蓝光映在脸上，第17次编译失败后，我盯着gcc报出的"segmentation fault"陷入了沉思。这就是用C语言实现网络服务的魅力所在——没有现成的…...
2026 年 Redis 面试题全解析：原理 + 实战 + 高频考点
Redis 高频面试题全解析（2026 最新版） Redis 作为后端开发高并发、高可用架构的核心组件，是面试中必问的核心考点。本文从基础入门、核心原理、高并发实战、高可用架构、进阶运维五大模块，整理大厂高频面试题与标准答案ÿ…...
HEIF Utility：Windows平台HEIF格式兼容性完整解决方案实战
HEIF Utility：Windows平台HEIF格式兼容性完整解决方案实战 【免费下载链接】HEIF-Utility HEIF Utility - View/Convert Apple HEIF images on Windows. 项目地址: https://gitcode.com/gh_mirrors/he/HEIF-Utility 对于使用iPhone或iPad的Windows用户而言&a…...
RPG Maker MV终极插件合集：100+免费插件打造专业级游戏体验
RPG Maker MV终极插件合集：100免费插件打造专业级游戏体验 【免费下载链接】RPGMakerMV RPGツクールMV、MZで動作するプラグインです。 项目地址: https://gitcode.com/gh_mirrors/rp/RPGMakerMV 你是否曾经为RPG Maker MV的功能限制感到困扰？想要…...
终极跨平台语音识别解决方案：sherpa-onnx全平台部署实战指南
终极跨平台语音识别解决方案：sherpa-onnx全平台部署实战指南 【免费下载链接】sherpa-onnx Speech-to-text, text-to-speech, speaker diarization, speech enhancement, source separation, and VAD using next-gen Kaldi with onnxruntime without Internet conne…...
Python 爬虫数据处理：富文本爬虫内容格式化还原
前言 互联网平台发布的文章、资讯、公众号推文、论坛帖子、商品详情、教程文案等内容，普遍以富文本形式存在，融合文字、段落层级、换行缩进、加粗引用、列表排版、超链接、分段结构等多种格式元素。普通爬虫仅能抓取原始 HTML 源码或纯文本内容…...