##element-ui

element-ui之正整数验证

一直想写这么个玩意儿的，一直没有能排起头。今天刚好测试测出一个bug，是一个关于正整数的表单验证。项目需求：附件数量必须是正整数。原先使用了正则，可能是正则不够变态，反正例如空数组，空对象，null，undefined，NaN验证不了，然后验证不了000，这是我正则的问题，不过反正我最后推翻了正则，网上还有使用正整数除以1一定会整除来做，也就是number%1===0。可是还是有缺陷因为还得判断特
明玉凌·2022-02-18 03:46

element-ui图标不够用，引用阿里云图标使用icon图标(第三方)

element-ui自带的图标库还是不够全，还是需要需要引入第三方icon记录一下，不会的直接按照图片操作吧，简单粗暴哈哈1.png2.png3.png4.1.png这里可以挑选图标到购物车，最后在添加至项目一般情况下需要一个一个去点
boy_l·2022-02-18 02:21

Vue后台管理系统2

今日目标1.实现后台首页的基本布局2.实现左侧菜单栏3.实现用户列表展示4.实现添加用户1.后台首页基本布局打开Home.vue组件，进行布局：Header退出AsideMain默认情况下，跟element-ui
__method__·2022-02-17 20:34

如何快速为团队打造自己的组件库（上）—— Element 源码架构

封面element-ui简介详细讲解了ElementUI的源码架构，为下一步基于ElementUI打造团队自己的组件库打好坚实的基础。如何快速为团队打造自己的组件库？
李永宁_lyn·2022-02-17 18:47

vue element-ui实现省市区三级联动封装

需要引入库element-uiaxios效果图图片.png使用{{defultAddress}}importLi_area_selectfrom"../components/li_area_select";exportdefault{components:{Li_area_select},data(){return{//默认值设置，可为空defultAddress:{sheng:'陕西省',shi
偏爱墨绿色·2022-02-17 18:59

element-ui el-tree选择子节点时同时选择并提交父节点逻辑问题

el-tree组件在获取选择的节点时，默认的逻辑是，选中父节点时所有的子节点会被选中（checked），但是当该节点下不是选中所有子节点的时候，主节点不会被选中，而是处于一种半选中状态，提交时通过getCheckedKeys()方法也不会提交父节点，因为半选中状态下checked属性是false的。项目中通常会有这样的需求解决办法通常如果只是为了提交数据，我们可以使用getHalfCheckedK
段煜华·2022-02-17 14:46

浅谈ElementUI el-select 数据过多解决办法

条数过多时的解决方案业务场景解决思路注意事项1.场景描述不知道你有没有这样的经历，下拉框的选项很多，上万个选项甚至更多，这个时候如果全部把数据放到下拉框中渲染出来，浏览器会卡死，体验会特别不好用人会说element-ui
·2022-02-17 11:21

element修改form的el-input宽度,el-select宽度的方法实现

自从用了element-ui,确实好用，该有的组件都有，但是组件间的样式都固定好了，有时候像form表单这样，页面的input、select等宽度不一定会是一样的，可能有些长，有些短，这时候改变这些控件的宽度就有点麻烦了
·2022-02-17 11:19

el-table增加多选框并在表头增加全选字样

本文旨在解决使用element-ui时在table中增加全选功能列，效果如图所示：image.png实现方法：1.手动添加一个el-table-column，设type属性为selection即可2.在
书山有路_勤为径·2022-02-17 07:01

vue3一下的axios封装（接口请求封装）

axiosimportaxiosfrom“axios”;3.开始操作：/***封装axios*/importaxiosfrom'axios'//引入axios的第三方插件import{Message}from'element-ui
墨痕@雨声碎·2022-02-16 19:42

vue用axios封装request

在这里插入代码片``importaxiosfrom'axios';import{MessageBox,Message}from'element-ui';importstorefrom'@/store';
luxiaopengyou·2022-02-16 19:40

使用element-UI中——el-image加载图片，加载过程中闪现白色背景的解决方法

el-image这个标签，在element-UI的2.72版本之前是
七里汀·2022-02-16 11:12

slider info index2019-07-25

住址:{{scope.row.address}}{{scope.row.name}}编辑删除importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui
LookForandPersi·2022-02-15 22:03

vue.js使用Element-ui实现导航菜单

本文实例为大家分享了vue.js使用Element-ui中实现导航菜单的具体代码，供大家参考，具体内容如下写这个的原因是因为当时写这个功能时候element只有效果，但是功能没有实现，当时一头雾水先放图吧大体实现思路我先讲一下不然下面代码片段会看懵
·2022-02-15 14:51

Vue后台管理系统模板推荐

目前比较流行和Vue搭配的UI组件有Element-UI、iview、Bootstrap-Vue、Ant-Design-Vue，另外还有Vuetify、Buefy（Bulmacss）、VueMaterial
ethan4116·2022-02-15 09:10

2020-05-14Element-ui 下拉列表 全选 多选时 select全选 新增一个选择所有的选项

Element-ui下拉列表全选多选时select全选新增一个选择所有的选项DocumentnewVue({el:"#app",data:{cities:[{value:'Beijing',label:
ClarkM·2022-02-15 08:04

Element-ui自定义table表头，修改列标题样式、添加tooltip， :render-header使用简介

关注我的个人博客:pinbolei.cn，获取更多内容**由于Element-ui官方在2.4.11及以后的版本中添加了自定义表头的方法，如果你的Element-ui版本是在2.4.11以上，建议参考我的另一篇博客
pinbolei·2022-02-15 07:33

在element-ui的select下拉框加上滚动加载

在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的时候更是如此。自然，后端就做了一项非常“漂亮”的交互体验数据——分页这不分页还好，一分页对超过10条数据之后的本来也不多，就20条，偏偏还得做个分页器。（假设为10条）此时，如果能够像购物商城那样拖拽到底部自动加载新数据就好了。于是《
悟空_不死·2022-02-15 05:14

基于elementUI自定义时间组件

image.png{{item.hour}}{{item.minute}}{{item.second}}取消确定importClickoutsidefrom'element-ui/src/utils/clickoutside
你若像风·2022-02-15 02:52

vue框架国际化(基于element-ui)-01

1.package.json引入vue-i18n模块npminstallvue-i18n--save2.新建src/lang/en.js内容示例如下：exportdefault{key1:'value1',key2:{key21:'value21'}}3.新建src/lang/zh.js内容实例如下exportdefault{key1:'值1',key2:{key21:'值21'}}3.新建src
厦门老码哥·2022-02-15 00:27

#vue# element-ui 如何修改类名

问题：在使用element组件的时候，经常会出现样式不符合我们项目预期的情况，这个时候我们就可以通过修改组件的样式步骤如下使用组件的时候，F12可以找到组件的类名在页面里面加入（位置在下面），将我们需要修改的组件类名写到里面.el-step__head.is-wait{border-color:#20A285;}.el-step__icon-inner{color:#fff;}.el-step__
楚君君·2022-02-14 13:40

element-ui 中表单验证的三种场景

https://www.jianshu.com/p/a2164e370e29正则参考https://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html思否博客https://segmentfault.com/a/11900000204101281）第一种常用方式：表单上加rules｛object｝比较适用于表单全部字段校验或需要校验字段类型比较
涨停版·2022-02-14 12:57

如何快速为团队打造自己的组件库（下）—— 基于 element-ui 为团队打造自己的组件库

简介在了解Element源码架构的基础上，接下来我们基于element-ui为团队打造自己的组件库。主题配置基础组件库在UI结构上差异很小，一般只是在主题色上会有较大差异，毕竟每个团队都有了UI风格。
李永宁·2022-02-14 08:00

如何快速为团队打造自己的组件库（下）—— 基于 element-ui 为团队打造自己的组件库

简介在了解Element源码架构的基础上，接下来我们基于element-ui为团队打造自己的组件库。主题配置基础组件库在UI结构上差异很小，一般只是在主题色上会有较大差异，毕竟每个团队都有了UI风格。
·2022-02-14 08:40

vue element-ui 的form表单验证rules

最近在做富文本编辑器。使用传统的rules，对含有emoji的文本计算长度有误。{max:200,message:'问题描述不能超过200字符',trigger:'blur'},如果输入100多文字，加大量emoji的情况下。字符长度超出200，这时只靠rules去验证，会认为合法。不符合业务逻辑。通过查询api发现。在rules中，可以写入验证函数。//rules中设置validator函数。{
大__雄·2022-02-13 14:42

element下拉树封装el-select el-tree

image1.组件调用代码{{`基于Element-UI组件改造的树形选择器`}}:ID为：{{valueId}}调用组件的数据importSelectTreefrom".
_孙小胖·2022-02-13 12:46

2020-06-13 el-table表头和表格列宽不一样

important;}2-2、自己新建css文件common.css，在文件中将上面样式写入/*解决element-ui的table表格控件表头与内容列不对齐问
半眼鱼·2022-02-13 02:12

Vue生命周期&脚手架工程&Element-UI

一Vue2.x生命周期每个vue实例再被创建时都要经过一系列的初始化过程：创建实例装载模板渲染模板等等vue为生命周期中的每个状态都设置了钩子函数（监听函数）。每个vue实例处于不同的生命周期时，对应的函数就会触发调用https://www.cnblogs.com/L-xmin/p/13031773.htmlDocument{{num}}点赞{{name}},有{{num}}个点赞！letvm=n
haloYml·2022-02-12 23:28

vue+elementui

element-uinpminstallelement-ui-D||npminstallelement-ui--save-dev配置element-uimain.jsimportVuefrom'vue';importElementUIfrom'element-ui
卡卡大神·2022-02-12 15:36

element-ui中el-tables标签表头与内容边框错位问题

vue项目中使用element-ui中出现了一个问题，如图所示：image.png内容边框发生了错位百度发现也有同学发生了类似问题，但后面解决了，看网上是说由于电脑显示的缩放引起的，并且发现同为webkit
w晚风·2022-02-12 13:29

hjr-VUE 后端使用vue和element-ui总结

为什么用VUE作为一个后端开发，最近写了好几个月前端代码vue+element，写一下总体感受，之后可能会对技术细节做单节的更新。总结一下使用感受：1、和jquery那种传统的方式比觉得最大的好处就是，不再关心dom标签，id等各种属性了，眼中全都是数据双向绑定，操作数据，页面标签就自动变化2、好多功能都封装成组件，调用时一个标签即可，组件话开发为什么用element-ui1、不需要关注css样式
hjrf·2022-02-12 07:22

element-ui @current-change有时失效

今天在做后台的时候，有个页面的分页器出了问题，就是当页面跳转到某一页（例如25页），点击查询按钮，列表数据刷新后，分页器还停留在之前的25页。为了解决这个问题，我用了:current-page，将当前页绑定一个变量，并在查询时重置这个变量。结果有个问题，当我在一进入页面时，页码跳转事件@current-change可以被触发，而查询时@current-change第一次就会失效，第二次就正常。一开
SA_Arthur·2022-02-12 06:39

封装axios接口

http错误4.统一处理程序逻辑错误，业务中自定义code=200才认为业务成功；importVuefrom'vue'importaxiosfrom'axios'import{Message}from"element-ui
彩云飘过·2022-02-12 05:18

Vue小白练级之路---001表单验证功能的一般实现思路

思路：先各自验证非空校验具体规则校验后兜底校验（防止用户没输入信息直接登录）实现：(以element-ui为例)在标签上用model动态绑定收集数据的对象（form）在标签上用rules动态绑定验证规则对象
linDongyou~·2022-02-11 22:00

Vue小白练级之路---001表单验证功能的一般实现思路

思路：先各自验证非空校验具体规则校验后兜底校验（防止用户没输入信息直接登录）实现：(以element-ui为例)在标签上用model动态绑定收集数据的对象（form）在标签上用rules动态绑定验证规则对象
linDongyou~·2022-02-11 22:00

element-ui表格的数据不能展示在页面上

mainPage.vue文件：...{{scope.row[v.dataIndex]}}删除取消+添加/vargenerateId={count:1,get(){return((+newDate())+""+(this._count++))}};/exportdefault{name:'mainPage',components:{},data(){return{master_user:{sel:n
独立独立再独立·2022-02-11 13:40

龙马ui lm-ui-element lm-dialog弹窗组件

lm-ui-element快速上手——安装使用上一个组件：地址选择组件使用时请确保引入了element-ui的ElButton组件基础用法打开弹窗弹窗内容exportdefault{data(){return
东扯葫芦西扯瓜·2022-02-11 09:45

统一身份认证平台

技术选型：前端：vue、element-UI后端：Java8、SpringBoot、JPA、Mybatis、Redis、MySql相关链接：前、后端基础开发框架：https://blog.csdn.net
魑魅魍魉_5a55·2022-02-11 08:28

车辆巡检管理

前端：vue、element-ui。后端：Java1.8、SpringBoot。一、移动端截图二、管理端
魑魅魍魉_5a55·2022-02-11 08:29

element-ui表单验证例子：validateField验证部分表单

https://blog.csdn.net/frank_fong/article/details/98486989https://segmentfault.com/q/1010000020201436?utm_source=tag-newestelementUI#app{width:600px;margin:30px;}验证字段验证全部newVue({el:"#app",data:{myModel
丁先生_b64b·2022-02-11 02:43

关于Element-UI：DateTimePicker组件 如何获取它的值

如图，在query我得不到type和dictType的值，一直为undefined未定义，其实只要将他们的值改为组件里v-model绑定的值即可此时，数据成功返回给后端，接口连接通畅附上接口：这个页面代码留在附件里，有需求自取参考场馆类型：场馆名称：日期查询：-->重置查询预约{{data.day.split('-').slice(1).join('-')}}{{data.isSelected?'
口红沾纸巾·2022-02-11 02:09

为什么用nodejs操作mysql数据库存储时间戳会一直显示2147483647？

发现前端拿到的时间戳值是对的，但是存入数据库之后却一直存储的是2147483647，通过newDate()解析之后是MonJan26197004:31:23GMT+0800(中国标准时间)，真是百思不得其解，前端用的是element-ui
·2022-02-10 22:42

vue2.0项目中使用element-ui步骤

1.安装element-ui:npmielement-ui-S2.推荐按需引入组件（1）、借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的安装babel-plugin-component
ShiningPeng·2022-02-10 21:55

使用ElementUI Table报错 'querySelector' of undefined at TableLayout.updateElsHeight

报错信息image.png报错原因image.png用了show-header版本ElementUI有关“element-ui”:“^2.12.0”，会报错。
境与界·2022-02-10 18:14

基于Vue开发电商后台管理系统项目回顾——前期准备

商品管理（商品分类，分类参数，商品信息，订单），数据统计开发模式电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA（单页应用程序）项目技术选型前端技术栈:Vue,Vue-Router,Element-UI
潇潇的雨幕里·2022-02-10 09:46

map2019-08-02

取消保存import{MP}from"@/utils/map";importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";exportdefault
LookForandPersi·2022-02-10 07:38

element自定义主题色

新建一个样式文件，例如element-variables.scss，写入以下内容/*改变主题色变量*/$--color-primary:teal;/*改变icon字体路径变量，必需*/$--font-path:'~element-ui
miliusa·2022-02-10 02:42

Vue中axios实现二进制流文件下载（保留异常抛出）

importaxiosfrom'axios'import{Message}from'element-ui'//文件下载，默认post请求.exportfunctiondownLoadFile(url,params
alex夏夜·2022-02-09 19:33

使用element-ui + cropper.js自己封装一个图片裁剪组件

本文主要使用了element-ui的图片上传组件获取图片，然后使用cropper.js进行图片裁剪，在裁剪完以后进行格式转换，然后自行图片上传，文中的css使用了stylus编译，如果不是请自行更改裁剪效果如图
辉夜真是太可爱啦·2022-02-09 19:05

Vue element UI 页面刷新自动弹出message的问题

全局查找发现自己也没有在项目中使用过message,只是引入了这个组件,发现一旦注释引入就没有问题了,这时定位出问题是在组件引入的时候出现的问题importVuefrom'vue'import{...Message,...}from'element-ui
·2022-02-09 17:29
上一页 71 72 73 74 75 76 77 78 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他