element插件Descriptions中使用v-if的el-select插件出现值混乱

Vue3开发平台内置组件库:Element Plus平台化改造与AI物料系统实践 在现代前端工程化实践中,组件化开发是提升效率和维护性的核心理念。其原理在于将UI界面拆分为独立、可复用的代码单元,通过标准化接口实现组合与通信。这一技术价值在于统一设计规范、降低重复开发成本,并支撑团队协作。在Vue.js等框架生态中,组件库的应用场景尤为广泛,尤其在中后台管理系统开发中,能够快速构建一致的用户界面。然而,直接使用开源UI库常面临样式定制、行为统一和团队规范等挑战。为此,对Element Plus等成熟组件库进行平台化改造,通过全局配置、主题定制和业务封装,形成标准化的内置组件资产,成为关键 阅读详情
问题描述

使用v-if后,页面中的性别选择框和下方的学历选择框一致了
在这里插入图片描述

解决方法

在性别选框的<el-form-item>中添加:key=“Math.random()”

<template v-if="formData.idnotype > 1">
    <el-descriptions-item label-align="center" name="sex" label="性别" label-class-name="setred">
        <el-form-item prop="sex" :key="Math.random()">
            <el-select
                v-model="formData.sex"
                class="m-2"
                placeholder="请选择性别"
                size="large"
            >
                <el-option
                v-for="item1 in sexList"
                :key="item1.value"
                :label="item1.label"
                :value="item1.value"
                >
                </el-option>
            </el-select>
        </el-form-item>
    </el-descriptions-item>
 </template>
【调试记录】GT ip跑aurora 64b66b协议 如果不用,会出现这种情况:自回环测试,数据收发ok.一旦和对方通信,对方接收的就是一堆乱码,因为GT链路发送数据不能是全1或全0,或者长时间的1或0.否则线路容易受到干扰,毕竟线速率10多G,用了加扰和解扰,就可以提高抗干扰能力。64B66B编码,数据输入是64bit,输出是66bit,所以这之间存在着2bit的带宽差,Gearbox 就是用来解决这种差异的,实现方式是:将66bit数据拿出来2bit先存入Gearbox,然后输出64bit.发送同步码或控制数据时,配置成2.2.4 加扰和解扰! 阅读详情

相关推荐

基于Spring Boot在线远程考试系统的设计与实现

结合先进的互联网技术,开发符合需求的软件,让数据内容管理不管是从录入的及时性,查看的及时性还是汇总分析的及时性,都能让正确率达到最高,管理更加的科学和便捷。目前的信息时代,对信息的管理趋于高效化,便捷化,这也是计算机大力普及所带来的便利,此程序软件在设备选用上,依靠的是比较大众的电脑设备,对电脑的配置没有过多要求,一般学校的计算机机房的电脑都可以满足程序开发需求,另外,开发出此款程序,让信息处理变得高效率,其所带来的高效益是远超程序开发的低成本的,因此程序开发的资金投入是可以忽略不计的。

ITbiyesheji的博客 1216

element ui 组件踩坑记录--后台管理系统-最全

说明:很久没有开发过后台管理系统,elementui都好久没有用过了,踩了一些小坑,特意记录下: element 特点:a.组件的一般输入的值/可以选择的值,都是绑定在v-model 上面 b. 在组件上面绑定值,一般来说需要 :属性名=属性值 ,这个写法 c. 在组件上面设置 style=“width: 300px” 可以直接修改组件的宽度 1. input 组件–输入框 ,防止用户输入空格-在v-model 后面加上 .trim: <el-form-item label="任务

凉城玖的博客 2612

GDI文字绘制和windows下opengl文字绘制小结

GDI绘制文字,要设置文字的属性,主要就是通过设置DC中的font对象来实现的。 font对象的创建可以由createfont()、createfontIndirect()来实现。 HFONT CreateFont( int nHeight, // height of font int nWidth, // average

T_W_S的专栏 5323

el-descriptions-item的隐藏和显示,用v-show不能及时响应,v-if可以。

在el-descriptions里控制一行el-descriptions-item的隐藏和显示,用v-show不能及时响应,v-if可以。查了查,原来v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。

m0_45284750的博客 1588

数字化转型是什么?核心又是什么呢?

01到底什么是数字化转型? 这时候你或许要问笔者了,既然你说使用新兴技术不是数字化转型,那使用新的商业模式总该是数字化转型了吧?你比如阿里巴巴,作为我们中国人最熟悉的开展电子商务的公司,它可以说是新的商业模式最大的开创者了:阿里巴巴是世界上最大的零售商,却没有任何一家实体店和任何库存;再比如优步(Uber),我们非常熟悉的一个线上打车平台,它可以算是世界上最大的出租车公司了,但是它不拥有一辆出租车。还有近些年来,我们经常使用的的旅游房屋租赁社区爱彼迎(Airbnb),它可以为消费者提供多样的住宿信息..

weixin_58342023的博客 4043

【CubeMX】STM32G474 HRTIM 死区时间与互补PWM实战解析

本文深入解析STM32G474的HRTIM高分辨率定时器在互补PWM生成与死区时间配置中的应用。通过CubeMX工具详细演示时钟配置、单路PWM基础、互补输出与死区时间设置,并结合逆变器等电力电子实战案例,帮助开发者避免直通风险,优化系统性能。

efc12345678的博客 746

解决elementui,table抖动问题,:key=“Math.random()“

以前开发了一个功能,table的column,可以根据条件if来判断是否显示,于是乎就看网上有个解决办法,是在column上增加个key属性:key="Math.random()",完美的解决了if判断不显示的问题。 可是后来,发现,界面有form表单的列表,input变得越来越卡,输入都是卡顿,优化了好多地方都是无解,最终是因为:key="Math.random()"导致的,因为每次跟新表单的时候,key的随机数会发生变化,导致了组件的渲染,这也是table抖动的原因,解决办法是替换key属性,不要使用

lovlin_l的代码世界 5686

基于用户的协同过滤算法(userCF)

1.定义 userCF:当一个用户A需要个性化推荐时,可以先找到和他有相似兴趣的其他用户,然后把那些用户喜欢的、而用户A没有听说过的物品推荐给A。这种方法称为基于用户的协同过滤算法。 基于用户的协同过滤算法主要包括两个步骤: 2.第一步:找到和目标用户兴趣相似的用户集合。 利用行为的相似度计算兴趣的相似度。给定用户u和用户v,令N(u)表示用户u曾经有过正反馈的物品集合,令N(v)为用户v曾经有过...

jiangdongxiaobawang的博客 1万+

element-ui用v-if让表格变换出现错乱

根据上面的开票类型变换下面的表格,在select标签上用@change,变换之后上面的名称改变了但是内容错乱 正确的图应该是这样的 原代码 <el-select v-model="edit.source" clearable placeholder="单据类型" @change="dangers" > <el-option label="单据1" :value="0"></el-option> .

peepeeman的博客 476

《基于FPGA的数字信号处理》专栏的导航与说明

《基于FPGA的数字信号处理》专栏的导航与说明

孤独的单刀 4160

如何使用Agent框架来模拟群体智能?

Agent 框架作为人工智能领域的重要工具,可以模拟复杂的群体智能行为,广泛应用于社会科学、经济学和行为学等领域。

335

Vue Element UI 自定义描述列表组件

由于vue使用的版本太低,vue element UI 的描述列表不生效,但是有时候又不想换版本的可以自定义一个描述列表。

m0_51666421的博客 9928

YOLOv11目标检测模型性能评价指标详解,涉及混淆矩阵、F1-Score、IoU、mAP、参数量、计算量等,一文打尽所有评价指标

本文主要讲解的是计算机视觉网络模型的性能评价指标,这是每一篇论文中都需要展示的内容。熟悉每一个评价指标也能够帮助我们在训练和改进模型过程中,更好的观察模型的变化效果。

Limiiiing的博客 8411

SpringBoot+Vue实战:大学生创新创业项目管理系统全栈开发指南

在JavaWeb开发领域,前后端分离已成为主流架构模式。SpringBoot依托自动配置与内嵌容器极大简化了服务端搭建,Vue配合Element UI则可高效构建交互界面,二者结合已成为全栈项目开发的经典技术组合。本文从工程实践角度,围绕业务系统开发的核心痛点,解析多角色权限控制、项目状态流转、动态SQL查询、文件管理等关键机制。以大学生创新创业项目管理系统为载体,完整拆解从需求分析、数据库设计到接口实现、前端交互、部署上线的全链路开发过程。梳理JDK、Maven、MySQL、Node等环境配置与常见故障排

weixin_30899023的博客 157

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

Element-UI组件使用 --踩坑篇

问题描述路径为空或#,未使用(覆盖默认的上传行为,可自定义上传),直接使用自定义调用接口,同时调两个接口,一个是action的默认行为,另一个是自定义接口,action调用404,自定义接口调用成功,最终需要去除404的接口调用问题原因action设置属性为#或者空时,触发上传动作时,会触发action的默认上传的事件,走一遍该标签的本地接口,从而导致接口404解决方法1:在事件中添加来阻止默认事件。解决方法2:使用覆盖默认的上传行为 (未实践此方法,有兴趣大家可以试一下)

A__men的博客 1712

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

el-select 两个选择器 选择其中一个值,让另外一个不显示-----和控制按钮操作

我们用 v-if 控制 两个值的隐藏,显示 下面图片效果 1:我们需要 @change="TaskArr" 点击事件

weixin_56408993的博客 3245

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

Vue之 el-select结合v-if动态控制template显示隐藏

背景: 根据(取值方式)select框中当选择项: 1:范围匹配的时候,(取值)显示两个输入框(上线,下线); 2:精确匹配的时候,(取值)显示一个输入框(精确) 二:代码实现 <el-table-column label="取值方式" min-width="100" align="center"> <template s...

飞奔的小土豆@1024 1万+

element plus table :key=“Math.random()“本地正常运行,打包后页面崩溃

项目升级使用ts,element plus后,产生未知的问题,我在本地运行时,使用这个key的随机数没有问题,但是打包后整个页面就崩溃了(点击页面后卡死,然后无响应,过段时间后就显示崩溃),老版的就是表格使用key的随机数没有问题,不知道为啥升级后,打包运行,页面奔溃,去掉,则正常。

qq_45400200的博客 677

element表格多列排序_使用element的多个表格切换,使用 :key="Math.random()" 表格排序出现问题...

开始一个页面有很多表格需要来回切换,用的v-show 发现多次切换 表头会错乱,后来用的v-if,但还是有问题,网上说给表格加上一个:key="Math.random()"就好了,于是<当时是解决了问题 还自认为 很完美但后来还是出了问题 就是当点击表格的排序的时候,也走接口 但就是表格的表头上没有上下的那个颜色变化,像下图一样 就在网上也没找到答案,显得自己很菜,后来就想着是不是就和:ke...

weixin_39527768的博客 399

表格数据错乱 - 关于 vue2.0的 key 值

最近在项目中遇见一个bug - 关于key值表格一 为模拟初始数据表格二为筛选后结果 当筛选项的值为"路人甲"时 表格会多一列 “city”关于是否有city这列是从筛选值获取这里我们可以通过计算属性给列添加v-if 来判断显示与隐藏(一开始尝试的v-show发现不生效,应该是组件库的原因)但是我在项目中遇见一个奇妙的bug在我切换表格列时 可能会出现数据错乱错误示例:数据是从后端接口里直接拿的本地也打过断点调试 是没问题的经过研究 发现问题出现在key上解决办法是:key=Math.random()给列加

weixin_47353884的博客 1424

EL表达式中的if else判断写法

${empty model.circuitRepairLimit?‘4’:model.circuitRepairLimit}

yangpeilinYPL的博客 460

element 表单中多个select v-if渲染时的问题

element 表单中使用v-if控制多个select时,诡异bug

夏沫之初的博客 463

“TypeError: Cannot read properties of undefined (reading ‘0‘)“。Vue下v-if条件渲染报错解决

代码如下 <el-descriptions-item label="支撑层" label-class-name="my-label" content-class-name="my-content"> <span v-if="!TagInfo.brace[0]">--</span> <el-tag v-else size="small" v-for="item in TagInfo.brace" :key="item.index">{{item}}&l

weixin_43585219的博客 1832

el-from表单在v-if、v-show和自增、自减表单项的时候,会出现表单校验异常或者串项的异常解决办法

el-from表单在v-if、v-show和自增、自减表单项的时候,会出现表单校验异常或者串项的异常解决办法

您的博客 1870

element el-table 全选selection加v-if刷新串行

解决办法,加了key=Math.random() <el-table-column type="selection" width="55" :key="Math.random()" v-if="promotionShopScope==2"> ...

1304

element-ui el-table表格出现抖动闪动问题的解决

问题描述:勾选批量选择框、切换tab、输入查询条件时,table表格出现抖动,体验极差。

我的博客 2万+
上一篇: vue中子组件给父组件传参
下一篇: vite+element项目使用iconfont图标库中的图标
if时光重来
博客等级 码龄8年 248粉丝 217原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值