Vue-ElementUI

基于vue-elementUI开发的表单代码生成器

简介ElementUI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。在线预览地址JSON解析器将保存在数据库中的JSON表单，解析成真实的表单查看在线示例//安装npmiform-gen-parservscode插件帮助使用elementUI的开发者完成基本的表单代码搭建任务，减少重复的劳动。vsc
山东好汉Tim·2024-02-07 01:55

vue-elementui开发采坑-dialog弹框不在顶部

解决Dialog弹窗中滚动条不在顶部问题解决Dialog弹窗中滚动条不在顶部问题问题：打开弹窗后滚动条置于底部解决：添加append-to-body属性即可解决append-to-bodyDialog自身是否插入至body元素上。嵌套的Dialog必须指定该属性并赋值为true
行走在胖子边缘·2024-02-01 18:46

Elementui关于修改默认样式不生效的问题

转载：Vue-ElementUI修改默认样式不成功问题解决https://www.cnblogs.com/jane2160/p/11598263.htmlElement是一个很好用的组件库，但是有时候我们需要修改一些组件的样式以满足我们自己的需求
白开水和咖啡·2023-12-19 02:32

Vue-elementUI 表单校验

Vue-elementUI表单校验前言一、Vue-elementUI表单校验二：所遇到问题：清空表单失效总结前言代码仅供参考，具体可以根据自己的项目需求完成表单校验，废话不多说，直接上代码！
@Alexus.·2023-12-15 16:28

Vue-elementui的输入框删除边框

文章目录问题描述解决方法1.页面代码2.样式代码3.实际效果问题描述在项目中我想要删除element输入框的边框,看了看网上的解决方案,用了什么!important给样式加优先级,也有使用样式穿透的,我这里使用样式穿透的方式.解决方法1.页面代码展示的表格修改的表格readonly属性用来控制不可输入,要不然清空了边框还可以输入,就不是我想要的效果修改的表单和显示的表单用了两个,按理可以整合到一个
silence_xiang·2023-11-17 09:42

Vue实战：基于Vue-ElementUI的权限管理系统之动态路由和动态按钮显示

1.首先登录2.调用permission.js的router.beforeEach((to,from,next)to：进入到哪个路由去from：从哪个路由离开next：路由的控制参数，常用的有next(true)和next(false)首先判断进入的是否是login页面？然后再判断是否已经登陆？已经登陆了就进入你要跳转的页面，没登录就进入login页面为了更加明显一点，我将页面命名的简单一些，ps
王小柯_0314·2023-11-11 09:47

elementui的el-table因滚动条表格错位问题

找了很多种解决方案（以下链接是找的所有解决方案链接），都没有解决问题vue-elementui因滚动条引发的table错位问题-脆-博客园element表格出现滚动条时，出现错位问题-灰信网（软件开发博客聚合
weixin_51010848·2023-10-25 11:42

002-VUE+ElementUI实现登录页面

002-VUE+ElementUI实现登录页面一、整合ElementUI1.创建一个名为vue-elementui的工程2.安装依赖二、登录页面1、创建首页视图2、创建登录页视图4、路由配置文件5、测试运行三
BigTree的学习之路·2023-10-11 22:21

Vue + ElementUI 登录页面

一.Vue项目搭建1.cmd命令cd用管理员身份运行cmd，目录切换到项目要创建的文件夹2.初始化工程使用webpack打包工具初始化一个名为vue-elementui的工程vueinitwebpackvue-elementui
Yvonne978·2023-10-11 16:15

vue-elementui table 导出功能

需要先引入两个依赖npminstall--savexlsxfile-saver然后前端页面代码这是脚手架组件代码点击导出//引入导出Excel表格依赖也可以直接引导main,jsimportFileSaverfrom"file-saver";importXLSXfrom"xlsx";exportdefault{name:"exproteltable",data(){return{tdata:[{d
迹部·2023-10-07 01:09

vue-elementUI侧边栏点击显示不同内容

文章目录步骤1.在侧边栏开启路由模式`:router="true"`，设置子选项的`name`步骤2.新建组件和设置路由场景当我点击后台管理页面的侧边栏有关选项时，右边的main显示不同的内容算是一个总结吧，之前一直迷糊不知道怎么写步骤1.在侧边栏开启路由模式:router="true"，设置子选项的name导航一分组一选项1选项2选项3选项4选项4-1步骤2.新建组件和设置路由路由是设置子路由，
RDSunday·2023-09-27 06:56

关于Vue-ElementUI修改默认样式不成功问题解决

Element是一个很好用的组件库，但是有时候我们需要修改一些组件的样式以满足我们自己的需求。我们用浏览器调试找到相应的class，在本地重写这个class时，发现修改不成功。这是因为在Vue文件中的style标签上有一个特殊的属性：scoped。当一个style有这个标签，它的样式就只能作用于当前的Vue组件，可以使组件的样式不相互污染。解决方案：去掉scoped，但此方法可能会造成全局污染将修
骑着蜗牛撵大象·2023-09-04 04:33

vue-elementUI

图表用的时zing-echart网址：https://www.zingchart.com/hello/javascript-chart-in-2-minutes/?utm_campaign=javascript-chart-in-2-minutes&utm_impression=4ada7c94-1a38-4194-90be-51b07f01136b&utm_medium=display&utm_
兰夏天·2023-08-31 02:04

解决elementUI打包上线后icon图标偶尔乱码的问题

解决vue-elementUI打包后icon图标偶尔乱码的问题一、背景二、现象三、原因四、处理方法方式1：使用css-unicode-loader方式2：升高sass版本到1.39.0方式3：替换element-ui
一朵野花压海棠·2023-08-23 08:57

vue 列表|表格环境中的下拉菜单

vue-elementui基本入门使用一、下拉菜单下拉菜单与html中的select控件有所差距，select为表单控件的一员页面效果类似于输入框，而下拉菜单为功能设置控件。
万里鹏程转瞬至·2023-08-08 05:32

整合ElementUI

官方网址：https://element-plus.gitee.io/#/zh-CN提示：以下是本篇文章正文内容，下面案例可供参考文章目录整合ElementUI（实现登录）一、创建工程1.创建一个名为vue-elementui
拾家.·2023-07-16 09:52

vue-pdf的使用及常见问题修复

项目场景：项目中有上传pdf,就伴随着pdf的预览功能,vue-pdf可实现此功能.在vue-elementUI的项目中,需要上传pdf列表然后逐一预览,如下图所示:基本使用过程1.先进行安装依赖：npminstall
简宁909·2023-04-20 22:24

vue-element-ui-Cascader 级联选择器支持多选---折腾记

重大更新最新版本的element已经有级联多选功能了前沿吐槽一下，程序猿最不愿听到的话之一，（人家某某网站就做出来了，你怎么做不出来，简直丧心病狂）小编最近一直在开发基于vue-elementui的pc
郝艳峰Vip·2023-04-07 21:28

springMVC02-SSM整合（Result统一响应数据格式、异常页面修改、SSM整合vue-elementUI小案例、SpringMVC的拦截器Interceptor）

文章目录今日内容一、SSM整合【重点】1SSM整合配置问题导入1.1SSM整合流程1.2SSM整合配置1.2.1创建工程，添加依赖和插件1.2.2Spring整合Mybatis1.2.3Spring整合SpringMVC2功能模块开发2.1数据层开发(BookDao)2.2业务层开发(BookService/BookServiceImpl)2.3表现层开发(BookController)3接口测试
奇迹是执着的人创造的·2023-04-02 03:05

用vue-elementui 制作表格（一）

vue制作表格，效果图如下:表格制作方法如下(代码如下):在这里插入代码片```0">新任中管干部档案报送单姓名{{item.name}}档案卷数1工作单位及职务{{item.jobTitle}}任职时间{{item.joinWorkTime|dateFmt('YYYY-MM-DD')}}档案整理人{{item.name}}档案审核人{{item.name}}干部档案遗留问题或需要说明的情况无报送
Y_余悸·2023-03-15 04:55

vue-elementui制作表格（二）

用vue制作表格效果图如下：代码块：在这里插入代码片档案转出通知单{{item.corporateName}}：将{{item.employeeName}}等壹同志的档案材料转去，请按档案内所列目录清点查收，并将回执退回。发布机关{{item.corporateName}}转递单位(盖章){{item.transoutNumber}}姓名单位及职务转递原因档案正副本卷数正本副本{{item.emp
Y_余悸·2023-03-15 04:55

Vue-elementUI

登录开发前git的相关配置在git创建一个新的分支（每开发一个新功能，最好新建一个分支，开发完了以后再合并到主分支上面）创建新的分支gitcheckout-blogin，创建子分支login，并且切换到该分支上查看当前项目的所有分支gitbranch创建登录组件并配置相关路由把login组件当作重定向的组件，即：constroutes=[{path:'/',redirect:'/login'},{
是万啊·2022-12-25 04:03

elemntui icon 大小_vue-elementui 引入第三方iconfont图标 并使用彩色icon

使用element-ui中图标比较少，不够再项目中使用，我们引入阿里巴巴矢量图iconfont，并且使用彩色iconfontvue-element使用iconfont教程一、安装npminstallelement-ui--save-dev二、在main.js中引入importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/in
weixin_39842271·2022-10-25 22:39

vue-elementui省市区三级选择器

1.vue使用elementui的el-cascadernpminstallelement-china-area-data-S//安装//regionData是省市区三级联动数据（不带“全部”选项）//CodeToText是个大对象，属性是区域码，属性值是汉字用法例如：CodeToText[‘110000’]输出北京市//TextToCode后台省市区显示再页面转code，//TextToCode
雨雨＃#雨雨·2022-09-15 16:40

VUE-ElementUI 时间区间选择器的使用

目录VUE-ElementUI时间区间选择器一、单个输入框二、两个输入框elementUI-日期选择器(两个框限制选择范围、快捷键选择)两个日期框选择VUE-ElementUI时间区间选择器官方文档中使用
·2022-05-31 12:52

表单组件二次封装（vue-elementui、搜索条件）

搜索条件组件(SearchForm\index.vue放在目录的components下)：{{ra.label}}{{ra.label}}{{ch.label}}-->{{item.label}}exportdefault{props:{isHandle:{type:Boolean,default:true},labelWidth:{type:String,default:'100px'},siz
霸道猿总·2022-02-15 16:22

Loading 加载直到数据加载完再消失（vue-elementui）

自定义指令v-loading：只需要绑定Boolean即可。（默认状况下，Loading遮罩会插入到绑定元素的子节点，通过添加body修饰符，可以使遮罩插入至DOM中的body上。）js里面：data(){return{loading:false}},created(){this.refresh()},methods:{asyncrefresh(){//方法名随便取this.loading=tru
霸道猿总·2022-02-15 16:22

前端修改后台返回数据的字段名（vue-elementui）

elementui组件大多都有自己特定的属性名，例如Select选择器以value作为选项的值，以label作为选项的标签。而后台的就不一定叫label,可能叫做name,或者别的。由此看来很多时候后台返回的数据不一定与前端所需的一一对应，这就需要想办法使其符合所需了。我习惯用的方法：当时的应用场景是用Select选择器下拉菜单展示从后台获取的小区名，因为当时已经把下拉框封装好，只需将后台返回的数
霸道猿总·2022-02-15 16:22

新增编辑共用弹出框组件（vue-elementui）

新增编辑共用弹出框组件取消确认importFormVuefrom'@/components/FormVue'import{updateResident,addResident,listUserProperty}from'@/api/CommunityMag/community'import{getDictVal}from'@/api/system/logininfor'exportdefault{
霸道猿总·2022-02-15 16:51

重置表单（vue-elementui）

据我总结，重置表单可用三种方法:第一种：在methods下的具体方法中直接一个一个地将表单绑定的值赋值为空（最笨的方法，只适用于仅几个绑定值的情况下）。第二种：elementui官网的方法（从这里直接进入官网表单相关位置）重置exportdefault{data(){return{ruleForm:{name:''},rules:{name:[{required:true,message:'请输入
霸道猿总·2022-02-15 16:51

关于vue-elementui中单元格内换行问题解决

原文指路：https://www.cnblogs.com/leegent/p/9274424.html需求：在渲染表格时，将两个字段渲染在同一个单元格内部，且换行区分显示。思路：换行需要换行符，接口请求成功后，返回相关字段，添加换行符的方式是字符串拼接--+'\n'+,在vue中渲染相关字段值含有换行符的处理方式是Vue将其插值渲染成div内部文本后，文本并不换行，换行符显示为一个空格。主要就是将
白开水和咖啡·2022-02-10 12:22

VUE-ElementUI 自定义Loading图操作

需求：elementuiloading图只能使用自己的loading图，但很多场景下，需要替换成自己的gif图虽然文档中有些，element-loading-spinner="el-icon-loading"可指定自定义图但经测试，也只是只能再elementui图标库中的图，不是我们想的那个自定义图类的意思。自定义图方法：1）添加自定义elementUIloading样式asserts下新建CSS
·2021-05-13 11:27

el-tree公共组件（带操作按钮）源码分享

介绍一款基于vue-elementui的tree树形公共组件效果如下图：提供源码：template{{treeTitle}}刷新scriptexportdefault{name:'el-tree-div
摸菊斩·2020-10-10 12:59

el-tree公共组件（带操作按钮）源码分享

介绍一款基于vue-elementui的tree树形公共组件效果如下图：13a3a72e549540fabc3c359ad3f58e27.png提供源码：template{{treeTitle}}刷新scriptexportdefault
资源部落服务平台·2020-10-02 21:20

关于Vue-ElementUI修改默认样式不成功问题解决

Element是一个很好用的组件库，但是有时候我们需要修改一些组件的样式以满足我们自己的需求。我们用浏览器调试找到相应的class，在本地重写这个class时，发现修改不成功。这是因为在Vue文件中的style标签上有一个特殊的属性：scoped。当一个style有这个标签，它的样式就只能作用于当前的Vue组件，可以使组件的样式不相互污染。解决方案：1.去掉scoped，但此方法可能会造成全局污染
weixin_30877181·2020-08-22 14:37

Vue-elementUI 添加Excel导出功能和富文本编辑功能

由于最近业务需求，需要在表单内添加Excel导出和富文本（tinymce）编辑功能，故记录一下导入步骤VUE导出Excel表格功能1.先安装三个依赖npminstall-Sfile-saverxlsxnpminstall-Dscript-loader2.放置模板文件在src同级目录下新建一个文件名为（vendor）【名字自己喜欢蛤~】vendor文件内放置Blob.js和Export2Excel.
YQY_苑·2020-08-22 10:39

vue+bpmn.js+elementui实现流程设计器

bpmn.js流程设计器组件1、调整设计器UI布局，基于vue-elementui美化属性面板2、支持设置任务变量、表达式、分支条件等，满足90%以上的业务需求3、支持flowable和activiti
冯李·2020-08-19 20:37

Vue-elementUI - 项目中报错Error: Avoided redundant navigation to current location: “/xxx“.的解决方案

报错显示路由重复，对功能没有影响,可是强迫症看着不爽。具体表现：重复点击elementui中tab栏菜单，会报这种错误。解决方案：//解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push=functionpush(location){
SoULikeMe·2020-08-18 13:03

VUE-ElementUI 时间区间选择器

官方文档中使用picker-options属性来限制可选择的日期一，单个输入框设置选择今天以及今天之后的日期data(){return{pickerOptions0:{disabledDate(time){returntime.getTime()Date.now()-8.64e6}},}}设置选择今天之后的日期（不能选择当天时间）data(){return{pickerOptions0:{disa
会迟到但不会缺席·2020-07-31 21:37

vue + elementui 新手入门案例

开发内置功能点：登录未登录判断拦截不同用户显示不同菜单api请求统一封装vuex状态控制是否显示头部文字列表数据展示分页功能文件上传源码地址：https://github.com/yinjihuan/vue-elementui
尹吉欢·2020-07-09 09:16

使用elementUI el-select时踩的一个小坑

卤煮使用vue-elementUI时使用el-select,从后台读取数据渲染el-option的value和lable,当卤煮编辑页面是需要从后台取到传给后台的value值，然后卤煮想让el-option
李、亚军·2020-06-29 05:17

Vue-ElementUI框架-区间日期控件回显并提交 [时间戳->Date对象]

文章目录页面A页面B需求vue代码页面A页面B页面A页面B需求勾选页面A，点击修改，弹出页面B，日期回显至控件里面vue代码页面A//打开修改弹框editHandle(){//传递数据vardata=this.dataListSelections[0];lettime1=newDate(data.dateFrom);lettime2=newDate(data.dateTo);lettimeSele
小龙哒·2020-06-27 08:10

vue学习笔记（三）- vue2.x引入Element-ui

Element-uiwebpack+vue2.x+element-ui作者：狐狸家的鱼本文链接：vue2.x引入Element-uiGitHub：sueRimn1、新建项目vueinitwebpackvue-elementUi//vue-elementUi
DebJane·2020-06-26 15:48

Vue-elementUI 表格里动态添加行操作按钮，并且是el-dropdown 下拉框，给el-dropdown绑定点击事件

Vue-elementUI表格里动态添加行操作按钮，并且是el-dropdown下拉框，给el-dropdown绑定点击事件一共两种方法:一、直接给el-dropdown-item绑定点击事件。
qq_19808621·2020-06-25 00:39

Vue-ElementUI组件改造

前言站在巨人的肩膀上，才能看得更远，我们可以借助别人的轮子让自己跑的更快，但是照搬照抄还是不可取的，先把别人的学会了再创造自己的，也是不错的思路。我在使用ElementUI的时候，发现这个组件很不错，一直在持续维护更新，而且组件很丰富，有着不错的口碑，我于是也开始使用，而且还加上了自己的风格。我可以先来看看效果，ElementUI版本"element-ui":“^2.13.0”,（1）对于inpu
Caeser110·2020-06-21 18:23

Vue-elementui 下拉框（el-dropdown）绑定点击事件

ElementUI组件下拉框绑定点击事件无效的解决方案在使用脚手架构建的项目中需要使用到下拉组建柱状图柱状图表格使用这种方式绑定事件无效正确打开方式@click.native绑定点击事件柱状图柱状图表格
Markov Zheng·2018-09-06 10:15

vue-elementUI 弹出框

取消确定选择exportdefault{data(){return{showFlag:false,radio:""}},methods:{radioEvent(){this.showFlag=false;this.adapterSelected=this.radio;},}
nankiao·2017-09-15 10:32
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他