element-ui使用心得

element-ui CodeToText的使用

前言参考：http://www.bubuko.com/infodetail-2412114.html使用方式数据示例：codeStr=‘110000,110100,110101’,codeArray=[110000,110100,110101]getCodeToText(codeStr,codeArray){if(null===codeStr&&null===codeArray){returnnu
my596257·2023-11-17 11:27

element-ui中Form表单使用自定义验证规则

data(){constvalidatePass=(rule,value,callback)=>{if(value.length<3){callback(newError("密码不能小于3位"));}else{callback();}};return{rules:{password:[{required:true,trigger:"blur",validator:validatePass},]}}
Y2000104·2023-11-17 10:44

后端返回 date 时间日期格式为 UTC 格式字符串，形如 2022-08-11T10:50:31.050+00:00前端如何修改为yyyy-mm-dd

vue举例utils下新建mixins.js文件//minins.js文件importVuefrom"vue";import{Message}from"element-ui";Vue.mixin({methods
fruge·2023-11-17 08:00

element-ui中Form表单使用自定义验证规则

data(){constvalidatePass=(rule,value,callback)=>{if(value.length<3){callback(newError("密码不能小于3位"));}else{callback();}};return{rules:{password:[{required:true,trigger:"blur",validator:validatePass},]}}
大可-·2023-11-17 04:22

vue实现通过点击按钮预览图片（第二种方法）

//按钮查看//预览图片组件importElImageViewerfrom'element-ui/packages/image/src/image-viewer'exportdefault{components
前端宝库·2023-11-16 18:47

Element-UI el-select 绑定对象

Elment-UI版本：2.15.7由于官方文档不够详细，在使用el-select组件传入对象时，不是取值有问题，就是会报错，多番尝试后，找到了解决方法，特此记录。exportdefault{data(){return{obj:{label:1,value:'name1'},arr:[{label:1,value:'name1'},{label:2,value:'name2'}],}},metho
bingo丶·2023-11-16 17:20

element-ui的switch的change事件

默认收货地址:对应上传status方法如下:switchReceiveStatus(val,row){vartempStatus=row.sendStatus===0?1:0varparams={}params[val]=row[val]params.id=row.idsetReceiveOne(params).then(res=>{if(res.success){this.$message.su
我真的真的不是程序媛·2023-11-16 11:44

element-ui触发el-switch的方法

注意：handleNginxId()必须带括号，要不然无法触发方法
想要飞翔的企鹅·2023-11-16 11:42

搭建vue3项目+按需引入element-ui框架组件

场景：使用vuecreate脚手架快速搭建vue的项目前提：需要安装node.js和cnpm以及yarn并且cnpm需要设置为淘宝镜像，cnpm和yarn安装教程网上很多可以自行搜索1.使用dos命令安装vue-cli脚手架//这个是从镜像源下载cnpminstall-g@vue/cli查看安装的版本（显示版本号说明安装成功）vue--version2.使用vuecreate命令搭建vue项目1.
鱼干～·2023-11-16 10:34

el-dialog element-ui弹窗

bulkImport.vue自定义组件弹窗内容取消确定exportdefault{props:{//modal是否可见modalVisible:{type:Boolean,default:false,},},data(){return{};},methods:{onConfirm(){this.$emit('bulkImport',{'aa':111,'bb':222});},closeModal
赵锦川·2023-11-16 06:51

Element UI table组件中的滚动条无效问题

问题描述：知识提要：在element-UI中只要在el-table元素中定义了height属性，即可实现固定表头的表格，若数据过多则会产生列表滚动效果。
樂途途·2023-11-15 23:54

分享篇：最近在研究的AIGC内容

最近在研究AIGC自助生成报告的内容，分享一些查到的资料前言（一些使用心得）1、大模型会颠覆一些生产力，让强的人更强归根到底，大模型是工具，和早些年的excel、python、ps没差，能不能用好工具，
lazyone10·2023-11-15 21:24

Vue+axios使用FormData方式向后端发送数据

文章目录前言一、该功能应用场景二、代码示例1.前端（使用的ant-design-vue，element-ui同理）2.后端三、效果演示四、问题总结1.前端发送的字段名和后端实体类的字段名不一致2.跨域问题
笑的像个child·2023-11-15 16:58

【vue+baiduMap】百度地图绘制多边形区域

1、创建百度地图应用，获取权限ak百度地图服务台Ps.本项目里按钮等基础控件使用的是element-ui版本控件2、项目内全局引入index.html页面插入引用代码：3、项目完整代码template：
栀妹儿·2023-11-15 16:00

【vue+amap】高德地图绘制多边形区域

参考文档：高德地图参考手册高德地图示例代码1、高德地图控制台创建应用，获取权限ak高德地图控制台Ps.本项目里按钮等基础控件使用的是element-ui版本控件2、项目内全局引入index.html内引入高德地图代码
栀妹儿·2023-11-15 16:59

电平转换器IC

一、前言使用多款电平转换器，记录和分享使用心得目录1.TXB0104(非国产)2.RS0104(国产)二、环境非隔离电平转换，1.8~5V三、正文1.TXB0104(非国产)芯片简介：A端口支持1.2V
大桶矿泉水·2023-11-15 04:49

Element-ui中el-table中有form表单元素，实现点击动态添加行

1：在通过用Element—UI加Admin做后台管理系统的时候，有个需求就是在el-table中的表格中还需要加上form表单元素，比如input元素，且需要点击添加行信息需要实现动态添加行效果案例图此处是列表项的源码添加行信息删除2:动态添加，也还是用到了原生JavaScript中的push（）方法，通过将选择的列表项重需要渲染的字段名存放在添加的函数中，在push到列表//点击加号添加一行数
HuiRonmantic·2023-11-15 02:42

element-ui el-table 动态新增 el-table-column，表格闪现问题的分析与解决

问题重现在做动态增加删除el-table的列，遇到column显示隐藏会造成el-table闪烁情况：效果如下：代码如下：exportdefault{data(){return{select:false};}};如上代码，通过v-if来控制“列3”的显示隐藏。尽管成功实现了功能，这个闪烁效果并不是我们想要的。得想方法去除。原因推断仔细观察切换时候的表现效果可以发现：当新增一列时，表头先是变高然后迅
杰~JIE·2023-11-15 02:42

element-ui之el-table改造 动态自定义添加行

业务需求：根据select下拉框的选中的数据动态加载其包含的属性值业务实现：html部分:删除-->+添加标签类型取消确定确定data部分dataNew:[{custrelLablePropertyName:'',custrelLablePropertyValue:''}],js部分//添加adddataNew(){this.dataNew.push({custrelLablePropertyNa
前端攻城狮·左大·2023-11-15 02:42

element-ui中el-table添加滚动条

element-ui中el-table添加滚动条1.找到.el-table__body-wrapper2.在此盒子上添加样式/*scss*//deep/.el-table__body-wrapper{/
rayshaan0123·2023-11-15 02:12

vue给列表添加序号_element-UI——el-table添加序号

转载自：https://www.cnblogs.com/langxiyu/p/10641060.htmlPart.1示例当我们想在el-table中添加序号列时，如下：label="序号"type="index"width="50"align="center">Part.2问题我们会惊奇的发现，我们翻页时，序号永远都是从1开始。因为每一次翻页都是根据当前数据的index显示，所以我们要自定义Par
Sylvia zn·2023-11-15 02:12

Element-Ui el-table 动态添加行

一、在项目需要使用这个需求主要是在项目中需要用到1.点击新增按钮，可以实现新增行。2.在每个列里面可以进行输入。3.可以删除新增的行，包括数据。二、HTML代码1.主要是循环每一个列，而且这些列都是动态，根据父组件传过来的，这样可以动态的决定要多少的数据。2.:data=“tableData”这个才是决定行的代码，可以通过push的方法新增行或者减少行。新增删除三、JavaScript代码expo
史上最菜开发·2023-11-15 01:41

基于Element-UI el-table的动态显示列组件

基于Element-UIel-table的动态显示列组件前言起步实现动态显示列结尾前言由于公司要做的项目想要在页面上动态控制列表中某些列的显示与隐藏，但是element本身的el-table框架是没有这个功能的，只能自己把列表封装成一个组件，方便以后使用。起步Element官方的列表是这样的：显然，这个列表是无法满足我们的需求的先创一个建名为FileTable的组件然后我们定义需要父组件传的值pr
全子龙·2023-11-15 01:41

element-UI el-table循环渲染动态列 解决前边的列跑到后边的问题

1.数字类的变化，已知循环数量，例如a1,a2,a3的这种2.没有规律的属性，但是前台无法直接编写的情况，prop和label是lineOption中的属性3.一定要用template,不要用div或者其他的标签来循环，其他的标签会导致循环前边的列跑到后边去的情况。
衣兜里·2023-11-15 01:41

element-ui el-table 表格疯狂抖动

原因审查元素el-table__body的width不停被设置导致表格抖动当未设定列表宽时，element有做自动检测适应。这造成了一种情况，即上下滚动条的出现时，触发宽度，使得上下滚动条消失，再次触发宽度变换，然后如此循环。flexbox子元素设置了overflow:auto导致的浏览器bug解决办法检查布局中的：overflow:auto，避免flexbox子元素设置这个属性.给.el-tab
张张张96·2023-11-15 01:11

element-ui中的el-table-column使用v-if导致列位置与数据错乱

表格是element-ui通过循环产生的，而vue在dom重新渲染时有一个性能优化机制，就是
仙女爱吃鱼·2023-11-15 00:27

『Element-UI の 百科全书』

Card卡片自带padding:20px;，可设置body-style属性去直接设置样式
升崽不会飞·2023-11-14 23:16

vue弹性布局页面

vue弹性布局页面1、flex弹性布局页面2、左侧菜单栏移出移入动画3、element-ui表格自适应注：该文章中的参考代码仅解决目录中的问题，不代表仅使用文章中的代码就能够100%实现下图样式页面完成样式
兔兔软糖·2023-11-14 20:27

Vue封装组件并发布到npm仓库

一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui这一类的组件库。
掌权的张权·2023-11-14 18:04

[element-ui] el-menu的default-active值变化，但是页面不刷新

问题：dataArray、activeIndex都变化后，页面的一级菜单没有按照activeIndex进行高亮。解决方法：el-menu-item的key不能绑定为i，应该绑定唯一值，例如和index绑定相同的值。原因分析：猜测与虚拟DOM的渲染机制有关。xxxx{{item.name}}…………
努力升级打怪·2023-11-14 15:00

【VUE】vue + element-ui实现表格一个单元格中加多行数据

需求背景table表格要实现如下效果，一行数据会对应多个数据。效果如下:代码开发{{item}}
kiraraLou·2023-11-14 14:58

优化elementUI的Message消息提示连续触发，满屏显示问题

elMessage.jsimport{Message}from'element-ui'consttipsEvent=(options)=>{console.log(document.querySelectorAll
路光.·2023-11-14 14:38

C# datagridView 控件使用心得

首先本人的需求是，通过UI编辑一个表格文件，然后将其存储起来。同时也可以对其进行载入,话不多说先上图片dataGridView1的初始化，这个控件的初始化可以使用UI界面的设置，也可以使用程序：Column1=newSystem.Windows.Forms.DataGridViewTextBoxColumn();Column2=newSystem.Windows.Forms.DataGridVie
isDataWork·2023-11-14 12:18

element-ui的form表单验证如何如何解决v-mode赋值与prop赋值问题
IT侠客行·2023-11-14 12:05

纯vue+ui项目与小程序、uni-app开发的异同

二、内容1.纯vue项目使用比如Element-ui、Ant-design、vant等ui框架来渲染界面。而weixin和uniapp则有自带的ui组件(当然也可以使用其他
我本地是好的啦·2023-11-14 10:13

前端及后端项目开发工具

项目管理：npm+webpacknpm作用：帮助管理第三方库（jQuery、Vue、Element-UI等）。webpack作用：实现资源的合并、打包、压缩、发布项目，管理项目。
环环Huanhuan·2023-11-14 00:17

element-ui tab切换加载echarts无法正常显示问题

element-uitab切换时候，第一个图正常显示，第二个及之后的图无法正常显示问题：解决方法：设置当前key值与v-model绑定的值一致时才加载图表。---------------------作者：carmen_shao来源：CSDN原文：https://blog.csdn.net/carmen_shao/article/details/82179620版权声明：本文为博主原创文章，转载请附
刘双武·2023-11-13 21:13

vue element-ui中组件v-infinite-scroll，无限触发loadMore事件解决

使用element-ui组件v-infinite-scroll出现了无限触发滚动事件，关键问题代码如下：{{item.title}}ul{list-style:none;padding:0;margin
奔走的小龙虾·2023-11-13 13:59

element-ui calendar 日历控件实现编辑假期功能以及样式修改

效果图：1.日历控件html创建-->查询清空-1?'lar-is-selected':'lar-no-selected'"@click="holidayUpdate(data,date)">-1)&&(calendarNeirong[data.day].holidayType==3)"style="color:#67C23A">班-1)&&(calendarNeirong[data.day].h
张小邪。。·2023-11-13 10:59

element使用两个日期选择器做联动效果

原因：element-ui官网上的两个日期选择器并不好用，两个连到一起用户体验不理想实现效果/**html代码**/至/**css代码**/.choiceTime{border:1pxsolid#E6E6E6
藍寶石·2023-11-13 10:29

MySQL主从复制

主从复制前言MySQL主从复制准备工作配置详情1.Master数据库配置2.Slave数据库配置3.验证主从复制效果结尾语前言最近在学习了Mysql主从复制+Mycat读写分离后，一直想写一遍关于自己的使用心得
写bug的胖子·2023-11-13 06:01

mysql 主从复制change master to

关于CHANGEMASTERTO命令，总结几点使用心得。在CHANGEMASTERTO之前，slave的复制线程(I/O线程，SQL线程)必须停止，可以使用STOPSLAVE来停止。
翔云123456·2023-11-13 06:57

mysql主从复制-使用心得

文章目录前言环境配置主库从库STATEMENTbinloggtidlog-errorDistSQL总结前言mysql主从复制使用感受，遇到一些问题的整理，也总结了一些排查问题技巧。环境mysql5.7配置附：千万级数据快速插入配置可以参考：mysql千万数据快速插入-实战主库主要配置server_id=16523log_bin=/laday/mysql/logbin/log_bin#这里为啥使用S
ShayneLee8·2023-11-13 06:55

element-ui表格封装

table.vuehome.vueimportUKTablefrom'@/components/Table'exportdefault{components:{UKTable,},data(){pagination:{pageIndex:1,pageSize:20,total:0},tableData:[],rowHeader:[//未做任何格式化处理的数据{prop:'CompanyCode',
正一品程序员·2023-11-13 03:08

基于element-ui封装table组件

基于element-ui实现的封装table,表格列通过render函数使用jsx渲染处理单个字段效果如下表格组件代码{{item.label}}{{items.msg}}{{item.label}}{
语舞空华·2023-11-13 03:37

基于Element-ui 封装带分页的 Table

之前把Element-ui的Table结合Pagination简单封装成了一个组件，经过一段时间的使用，为了更好地适配自己的项目，断断续续做了一些调整，稍微饱满了一点点，更好用了一点点。
Alice_hhu·2023-11-13 03:07

element-ui 封装table表格成公共组件（包括增删改查、内置date，select，input）

1、封装部分直接复制粘贴吧，里面内容有点杂可以把不需要的内容去掉，template里面有点啰嗦，懒得改了{{scope.$index+1}}{{scope.row[item.prop]}}删除新增import{notify}from'@/utils';exportdefault{name:'',components:{},props:{flagButton:{type:Boolean,defaul
皮卡丘是个程序猿·2023-11-13 03:07

全局注册组件，element-ui封装原理

需求：你想写一个组件，想在全部页面都可以这么使用:自己封装的按钮做法：新建一个js文件，import你写好的.vue文件。至于这些文件放哪，全看你项目文件怎么规划的了。importnewbutton1from'./newbutton1'importnewbutton2from'./newbutton2'exportdefault{install(Vue){Vue.component('el-new
毛发苍苍·2023-11-13 03:07

基于element-ui封装的table

在工作中经常会遇到需要数据以表格形式展示出来，但是一旦展示的数据过多，会导致table冗余，故通常需要自行封装table简化代码，提高复用性，如下:{{column.formatter(scope.row,column,scope.row[column.key],scope.$index)|handleColumn}}{{String(scope.row[column.key]||'')|hand
smouns_·2023-11-13 03:36

element-ui 表单模态表格封装

{{scope.row[item.prop]?scope.row[item.prop]:'-'}}importconfigfrom'./config'exportdefault{name:'CTable',props:{loading:{type:Boolean,default:false},tableName:{type:String,default:''},params:{type:Objec
维生素战士·2023-11-13 03:06
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他