element项目实战所遇到问题汇总

2024-09-03 18:58

本文主要是介绍element项目实战所遇到问题汇总,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

这里写目录标题

        • el-select 的change,在初始化页面时候,触发很多次?
        • el-select 默认值显示value不显示label问题
        • el-radio-group 事件
        • 设置样式滚动条,会导致设置fixed的el-table样式出错错位
        • el-date-picker 日期选择器 ——[Vue warn]: Error in render: "TypeError: date.getFullYear is not a function" found in
        • el-table中有fixed列后出现高度不对的情况
        • el-table嵌套el-form表单校验,出现有值也无法通过校验


el-select 的change,在初始化页面时候,触发很多次?

查看change是否写成了 :change,若是,改成 @change即可。

<el-select v-model="agreement" @change="onChangeAgreement">...<el-select/>

el-select 默认值显示value不显示label问题

原因:

  1. value值可能不是 String 类型
  2. 保证每个选项只有label和value试试?

el-radio-group 事件

请使用change,而非click

<el-radio-group v-model="tabPosition" v-for="item in tabs" :key="item.id" @change="toggleTab(item.id)"><el-radio-button :label="item.name"></el-radio-button>
</el-radio-group>

设置样式滚动条,会导致设置fixed的el-table样式出错错位

有解决方法的,可否评论告知下,谢谢!

::-webkit-scrollbar {width: 6px;
}::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.2);
}::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.1);
}

el-date-picker 日期选择器 ——[Vue warn]: Error in render: “TypeError: date.getFullYear is not a function” found in

当type=month,value-format='yy-mm’这里的yy-mm必须带中横杠,yymm这样会报上面的错。原因不详。感觉是格式要求吧。


el-table中有fixed列后出现高度不对的情况

在这里插入图片描述
经过一番折腾,最后发现加了个padding导致:

  // table body/deep/.el-table__body-wrapper {.el-table__body {.cell {padding: 0 ; /** 这里不能写 padding 的任何属性,否则会出现fixed行高不一致。  **/}}}

el-table嵌套el-form表单校验,出现有值也无法通过校验

原因:查看了el-form校验的源码,最后发现对数据类型有要求,必须一一对应。比如要求number类型,你传了String,就不会通过。
在这里插入图片描述

这篇关于element项目实战所遇到问题汇总的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1133767

相关文章

MySQL 多列 IN 查询之语法、性能与实战技巧(最新整理)

《MySQL多列IN查询之语法、性能与实战技巧(最新整理)》本文详解MySQL多列IN查询,对比传统OR写法,强调其简洁高效,适合批量匹配复合键,通过联合索引、分批次优化提升性能,兼容多种数据库... 目录一、基础语法:多列 IN 的两种写法1. 直接值列表2. 子查询二、对比传统 OR 的写法三、性能分析

Python办公自动化实战之打造智能邮件发送工具

《Python办公自动化实战之打造智能邮件发送工具》在数字化办公场景中,邮件自动化是提升工作效率的关键技能,本文将演示如何使用Python的smtplib和email库构建一个支持图文混排,多附件,多... 目录前言一、基础配置:搭建邮件发送框架1.1 邮箱服务准备1.2 核心库导入1.3 基础发送函数二、

PowerShell中15个提升运维效率关键命令实战指南

《PowerShell中15个提升运维效率关键命令实战指南》作为网络安全专业人员的必备技能,PowerShell在系统管理、日志分析、威胁检测和自动化响应方面展现出强大能力,下面我们就来看看15个提升... 目录一、PowerShell在网络安全中的战略价值二、网络安全关键场景命令实战1. 系统安全基线核查

怎样通过分析GC日志来定位Java进程的内存问题

《怎样通过分析GC日志来定位Java进程的内存问题》:本文主要介绍怎样通过分析GC日志来定位Java进程的内存问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、GC 日志基础配置1. 启用详细 GC 日志2. 不同收集器的日志格式二、关键指标与分析维度1.

Java 线程安全与 volatile与单例模式问题及解决方案

《Java线程安全与volatile与单例模式问题及解决方案》文章主要讲解线程安全问题的五个成因(调度随机、变量修改、非原子操作、内存可见性、指令重排序)及解决方案,强调使用volatile关键字... 目录什么是线程安全线程安全问题的产生与解决方案线程的调度是随机的多个线程对同一个变量进行修改线程的修改操

从原理到实战深入理解Java 断言assert

《从原理到实战深入理解Java断言assert》本文深入解析Java断言机制,涵盖语法、工作原理、启用方式及与异常的区别,推荐用于开发阶段的条件检查与状态验证,并强调生产环境应使用参数验证工具类替代... 目录深入理解 Java 断言(assert):从原理到实战引言:为什么需要断言?一、断言基础1.1 语

深度解析Java项目中包和包之间的联系

《深度解析Java项目中包和包之间的联系》文章浏览阅读850次,点赞13次,收藏8次。本文详细介绍了Java分层架构中的几个关键包:DTO、Controller、Service和Mapper。_jav... 目录前言一、各大包1.DTO1.1、DTO的核心用途1.2. DTO与实体类(Entity)的区别1

Redis出现中文乱码的问题及解决

《Redis出现中文乱码的问题及解决》:本文主要介绍Redis出现中文乱码的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 问题的产生2China编程. 问题的解决redihttp://www.chinasem.cns数据进制问题的解决中文乱码问题解决总结

Java MQTT实战应用

《JavaMQTT实战应用》本文详解MQTT协议,涵盖其发布/订阅机制、低功耗高效特性、三种服务质量等级(QoS0/1/2),以及客户端、代理、主题的核心概念,最后提供Linux部署教程、Sprin... 目录一、MQTT协议二、MQTT优点三、三种服务质量等级四、客户端、代理、主题1. 客户端(Clien

在Spring Boot中集成RabbitMQ的实战记录

《在SpringBoot中集成RabbitMQ的实战记录》本文介绍SpringBoot集成RabbitMQ的步骤,涵盖配置连接、消息发送与接收,并对比两种定义Exchange与队列的方式:手动声明(... 目录前言准备工作1. 安装 RabbitMQ2. 消息发送者(Producer)配置1. 创建 Spr