##element-ui

龙马UI lm-ui-element 图片文件上传组件

lm-ui-element快速上手——安装使用上一个组件：自定义弹窗组件文件上传组件和图片上传组件虽然不是表单，但是是为表单设计的，必须放在element-ui的el-form标签中，基于element-ui
东扯葫芦西扯瓜·2022-02-09 14:32

2021 Vue全家桶开发电商管理系统（Element-UI）10-项目优化上线

项目优化上线1项目优化1.1项目优化策略生成打包报告第三方库启用CDNElement-UI组件按需加载路由懒加载首页内容定制1.2实现进度条1.安装依赖2.导入包和样式在main.js中：3.在拦截器中进行进度条控制1.3Build命令后移除所有console安装并配置Babel插件官网可以查看该插件的文档：babel-plugin-transform-remove-console安装插件：可选择
一只蒻蒻·2022-02-09 14:28

【Vue】实战项目：电商后台管理系统（Element-UI）（九）项目优化+项目上线

文章目录1.项目优化1.1网页顶部添加进度条效果1.2console问题1.2.1在执行build命令期间移除所有console1.2.2只在发布阶段移除所有的console1.3生成打包报告1.3.1通过命令行参数的形式生成报告1.3.2通过可视化UI面板直接生成并查看报告（推荐使用）1.4修改webpack配置1.4.1为开发模式与发布模式指定不同的打包入口1.4.2configureWebp
YK菌·2022-02-09 14:28

Vue实战项目day07--电商后台管理系统(Element-ui)

Vue实战项目day07--电商后台管理系统项目优化添加进度条根据报错修改代码执行build生成打包报告修改webpack的默认配置加载外部CDN定制首页内容路由懒加载项目上线开启gzip压缩配置https服务今日目标1.完成项目优化2.完成项目上线项目优化实现步骤：A.生成打包报告，根据报告优化项目B.第三方库启用CDNC.Element-UI组件按需加载D.路由懒加载E.首页内容定制添加进度条
不忘初心L·2022-02-09 14:58

Vue+Element UI 商城后台管理系统

一、前言已转至个人博客-https://www.aerowang.cn/articles/qnw6i1s61.项目背景此项目来自B站Vue实战项目：电商管理系统（Element-UI）。
南弦啊·2022-02-09 14:57

Vue项目（电商管理后台）

VueVue-routerElement-UIAxiosEcharts后端项目技术栈Node.jsExpressJwtMysqlSequelize项目初始化前端项目初始化安装Vue脚手架通过脚手架创建项目配置路由配置Element-UI
smile_team·2022-02-09 14:57

按需加载原理分析

import{Button}from'element-ui'怎么就变成了varButton=require('element-ui/lib/button.js')require('element-ui/
·2022-02-09 14:12

按需加载原理分析

import{Button}from'element-ui'怎么就变成了varButton=require('element-ui/lib/button.js')require('element-ui/
李永宁·2022-02-09 13:00

vue 中element ui的安装和使用中的小问题

--npmielement-ui-S命令图1安装成功：图22.安装成功，将其引入到自己的项目中，具体操作步骤如下：在main.js文件中引入element组件：importElementUIfrom'element-ui'import'element-ui
毛茸茸的狗·2022-02-09 08:30

mint-ui 日期选择器DatePicker和element-ui DatePicker怎么控制选择日期范围

最近有一个项目需求，需要做一个金额分期功能，每一期的金额和日期都是根据按月或按周分期和需要分的期数动态渲染出来的，因为这个开发了俩套，一套pc端一套移动端，因为是用vue框架开发的，所以pc端就选择了element-ui
inner_Chaos·2022-02-08 13:05

element-ui上传图片，限制上传图片格式

将以下代码放入element-ui上传方法中:before-upload="beforeUploadFunction"再添加以下方法beforeUploadFunction(file){const_name
Zach_1991·2022-02-07 09:26

龙马ui lm-ui-element表单组件

上一个组件：日历组件lm-form表单组件包含lm-input、lm-select、lm-date-time、lm-cascader组件表单组件必须包含在element-ui的el-form组件和el-row
东扯葫芦西扯瓜·2022-02-07 06:54

vue中main.js配置，登录拦截器，token添加到请求头

import'babel-polyfill'importVuefrom'vue'importvRegionfrom'v-region';importElementUIfrom'element-ui';import'element-ui
李海鹏_f321·2022-02-07 03:35

龙马UI lm-ui-element lm-img-cropper 图片裁剪组件

lm-ui-element快速上手——安装使用上一个组件：文件图片上传组件图片裁剪弹窗组件，基于vue-cropper插件，同时组件内部使用lm-dialog弹窗组件，使用时确保引入element-ui
东扯葫芦西扯瓜·2022-02-06 08:26

this.$refs.multipleTable.toggleRowSelection复选框不渲染 修复bug

element-ui复选框表格更新页面反选已选选项不显示使用this.
Soup_1acc·2022-02-06 05:55

info2019-07-21

取消确定importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";importlistfrom"list";exportdefault
LookForandPersi·2022-02-05 22:22

vue+koa2+token登陆验证

给前端提供数据访问接口项目结构pro.png用vue-cli搭建的项目，红色框中是新建的文件夹用于存放koa剩下的文件在写项目中慢慢增加，最初就是这样的之后将项目跑起来，看一下有没有问题（这里就当作没有问题）前端这里选用Element-ui
我才是seven·2022-02-05 20:05

vue element-ui组件的安装

zh-CNtips:最好安装cnpm，npm太慢了1.安装vue-cli>cnpmi-gvue-cli>mkdirmy-project&&cdmy-project>vueinitwebpack2.安装css识别工具和element-ui
yichen_china·2022-02-05 17:58

vue混入(mixins)的应用

vue的API中有个混入，这里主要介绍利用选项合并来二次封装element-ui的el-table标签，使其达到能够最大限度的复用。
土家肸哥·2022-02-05 17:05

vue基础二（elementUI、vue-router）

elementUI安装命令：npmielement-ui-S在vue项目中引入和注入在main.js文件完整引入//一次引入全部组件引入组件和cssimportElementUIfrom'element-ui'import'element-ui
jayLog·2022-02-05 16:15

vue element-ui重置表单

在重置表单的时候，form-item有prop属性么，需要这个属性提交重置exportdefault{data(){return{numberValidateForm:{age:''}};},methods:{submitForm(formName){this.$refs[formName].validate((valid)=>{if(valid){alert('submit!');}else{c
夏夏夏夏顿天·2022-02-05 11:54

像开发Element-Ui一样开发vue组件，当作npm包并上传到npm上

开发vue组件首先要做的事就是先创建一个vue项目，通过vue-cli命令创建vue项目。npminstall-g@vue/clivuecreatevm-mint-ui新创建好的项目，目录如下：下面我们修改一下配置文件，根据个人习惯修改。package.json（初始配置）package.json（现修改为）将“private”:true修改为false，即由私有的改为公共的才能上传到npm上，否
前端报刊·2022-02-05 07:35

如何使用Element-UI的Steps步骤条组件实现工作流可视化流程

Element-UI不仅为前端开发人员提供一套丰富的API，也为需求人员提供了一种原型设计工具，Element-UI直接提供Steps步骤条组件，方便开发人员实现工作流引擎在Web展示时要求的步骤条，可以帮助
皮皮杂谈·2022-02-05 01:43

element-form动态增减表单项

在这里总结一下element-form动态增减表单相关的探索Element-ui表单中介绍了基础的动态新增和删除表单，源码如下：删除提交新增域名重置exportdefault{data(){return
NJR10byh·2022-02-04 18:56

vue模块化、webpack

今日目标1.能够了解模块化的相关规范2.了解webpack3.了解使用Vue单文件组件4.能够搭建Vue脚手架5.掌握Element-UI的使用1.模块化的分类A.浏览器端的模块化1).AMD(AsynchronousModuleDefinition
蔚完待旭·2022-02-03 16:03

Vue登录Demo

1.安装引入element-ui命令行安装npminstallelement-ui-S引入importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk
RayGor·2022-02-03 10:09

vue封装 element-ui form表单验证 正则匹配手机号 自定义校验表格内容

效果image.png在methods中//检查手机号isCellPhone(val){if(!/^1(3|4|5|6|7|8)\d{9}$/.test(val)){returnfalse;}else{returntrue;}}在template中elementui通过prop="phone"验证规则在data中data(){varcheckphone=(rule,value,callback)=
雅雅123456·2022-02-03 05:55

基本模板2019-07-26

importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";importlistfrom"list";exportdefault{
LookForandPersi·2022-02-03 01:16

vue element-ui el-table 表格实现 radio 单选功能

radio.gif选中第2行取消选择{{scope.row.date}}exportdefault{name:"Icon",computed:{rowChangeClickFlag:{get(){return{rowChangeFlag:this.rowChangeFlag,rowClickFlag:this.rowClickFlag}}},},watch:{rowChangeClickFlag(
鹳厶·2022-01-22 11:11

element-ui中table合并单元格后隔行变色

客户想要这种合并单元格后的变色效果如果不处理的话，出来的是这种每一行都变色的效果，页面显得不整齐并且眼花缭乱的代码如下：{{scope.row.differenceRate}}%js部分exportdefault{data(){return{tableData:[{"indexName":"总货值","num":"1.00","indexType":"货值指标","unit":"万元","pano
·2022-01-21 15:43

VUE-element-table动态合并单元格实现

原文地址最近项目需要做一个统计账单的功能，将同一个月的账单明细进行合并，使用element-ui的table合并单元格功能，但需要自己实现合并的逻辑，代码贴在最后动态合并单元格注意：这三个参数需要放到data
JinYi_LI·2022-01-19 15:40

Vue引入elementui

推荐使用npm安装npmielement-ui-S安装完后就可以到项目里的main.js中写入以下内容importVuefrom'vue';importElementUIfrom'element-ui'
·2022-01-19 09:30

vite 构建工具 如何热更新静态页面？自动刷新页面

而用element-ui框架与uniapp框架都有对应的构建工具能实现热更新，比如webpack,uniapp。这一章将教大家如何通过vite实现静态页面的热更新。也就是修改代码自动刷新页面。
·2022-01-15 11:03

element-ui el-date-picker 时间日期组件设置时间日期范围.2

要求选择时间，不能跨月下面时封装的js插件"moment":"2.24.0"HTML调用jsimportmomentfrom'moment';//引入插件letcurrentDate='';//当前选中的日期letdisabledDate=time=>{////禁用日期letd=newDate(currentDate);//获取当前选择时间letyear=d.getFullYear();//获取当
·2022-01-13 18:34

element-ui el-date-picker 时间日期组件设置时间日期范围.1

时间日期选择器官网地址into_user_storage_time:'2022-01-1220:05:04',//原始时间值new_into_user_storage_time:'时间日期选择器选择时间',//新日期时间绑定值要求当前时间>新的时间日期>原始时间值用到插件"moment":"2.24.0"//时间插件（也可以不用，自己转换时间格式，就是麻烦些）注意点：picker-options的
·2022-01-13 16:54

vue项目中的element-ui地区级联选择器

在项目开发过程中遇到了需要用到element-ui的el-cascader地区级联选择的问题，做个笔记记录下。
diligentwhp·2022-01-12 15:14

Vue 中使用element-ui 级联选择器el-cascader绑定值为数组情况（返回选中的节点值）

element-ui级联选择器为多选（multiple:true,emitPath:false,checkStrictly:false）核心在于值改变后，检查全选子集，push对应上级菜单选中5824CFA3
ifyang小白·2022-01-11 17:42

功能十分全面的项目管理工具（文档协作、项目计划、文件管理等）

该项目管理工具整套架构采用了前后分离模式，支持多节点部署，使用的技术是Java、Vue、Element-UI、postgresql1等技术栈。
·2022-01-07 11:11

Element-ui时间选择器禁止选择当月之后的月份

htmldata数据定义data(){return{endDatePicker:this.handelFixDate(),fixValue:null}},methods：handelFixDate(){console.log(this.fixValue,"132");letself=this;return{disabledDate(time){lett=newDate().getDate();//
·2021-12-31 16:10

Ant Design（React) 、Element-ui(Vue)、iView(Vue)对比

Element-uiiView表格的合并，api表格操作列按钮用v-forvue指令结合的方式去生成批量元素，气泡卡片，表格头合并，api表格操作列按钮用render函数内部实现了模板生成，element生态更好，使用频率远超过iview,element开发团队实力更强整体iview更丰富（icon组件的丰富，级联选择好，时间轴，加载进度条，气泡卡片，BackTop,图钉）element有内置过渡
·2021-12-29 10:01

element-ui 渲染错误，只显示变量

使用element-ui开发的后台管理系统出现以下画面：如图所示，图中应该显示文字或组件的位置只显示了变量名称。
·2021-12-24 18:55

Vue发开常用组件库

一、pc端Element组件库https://element.eleme.cn/#/zh-CN（1）使用方法第一步在html头部引入element-ui样式（2）引入element-ui组件库注意:必须要先引入
我的安娜有点菜·2021-12-24 17:32

Vue Element-ui表单校验规则实现

目录1、前言2、规则校验的入门模式2.1、示例代码2.2、form项2.3、prop项2.4、rules项2.5、rule项2.6、使用规则2.7、规则校验的核心3、规则校验的进阶模式3.1、嵌套对象属性名3.2、自定义校验器validator3.3、类型type3.3、数据转换transform3.4、数值范围Range3.5、枚举值3.6、正则Pattern3.7、长度len3.8、空白whi
·2021-12-24 14:12

element-ui的日期选择框底部清空按钮点击不关闭日期选择框的实现办法

最近遇到个需求，要求点击底部”清空“按钮不关闭日期框，element-ui是默认点击关闭的，查官方文档也没有给出配置项或者回调，因此只有自己想办法实现了。
·2021-12-24 10:30

element用脚本自动化构建新组件的实现示例

目录背景element-ui的自动化构建是怎么做的makefilenew.jsfile-save引用资源文件的修改fs.createWriteStream总结背景在公司的项目中，每次碰到新需求的时候，你是不是都还在用新建页面
·2021-12-23 12:07

vue + image-conversion + element-ui 图片压缩

importcompressfrom'@/utils/compress'importimgSizefrom'@/utils/imgSizeimport*asimageConversionfrom'image-conversion'exportdefaultasyncfunction(file,size){letblob=nullawaitimageConversion.compressAccura
X秀秀·2021-12-22 14:57

element的dialog关闭不正常的问题

从vue2和element-ui迁移到vue3和element-plus后，发现有些dialog，点击右上角的叉号关闭后，不能再次打开，但有些dialog就没有问题，比较了一下这些dialog的使用方式
道行者·2021-12-22 10:20

关于自定义的element-ui表单组件的校验

背景image-2021-12-17-17-29-17-531.pngTSS自定义了基础组件ElTreeSelect。在el-form中使用时，会出现异常现象：选择数据后，关闭并重置表单（resetFields），会触发ElTreeSelect表单项的校验，导致再次打开表单时，表单项ElTreeSelect有校验提示（比如：必填）原因组件ElTreeSelect内部引用了el-input组件，其在
tian田小旺·2021-12-21 18:05

Element-UI 奇淫技巧第二弹！提升开发效率，延长摸鱼时间~

主题样式修改曾经为了修改组件风格，一个项目用了上百个样式穿透，后来才发现定制一个主题就够了！第一步，在官网的主题页面，修改背景色、字体颜色及边框颜色第二步，下载主题第三步，用下载的css文件替换掉默认的css文件效果如下：el-backtop回到顶部组件有时候页面很长，我们需要一个回到顶部的按钮，推荐大家使用el-backtop，自带过渡效果。代码如下：Scrolldowntoseethebott
·2021-12-21 08:33

Vue使用element-ui时，在el-table中每行使用一个el-switch组件来改变行数据的状态

原文地址Vue使用element-ui时，在el-table中每行使用一个el-switch组件来改变行数据的状态问题描述：之前做一个管理平台用el-switch来改变行数据的状态，修改时需要进行操作提醒
JinYi_LI·2021-12-20 15:05
上一页 72 73 74 75 76 77 78 79 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他