Vue+ElementUI

饿了么组件库element-ui正则表达式验证表单，后端验证表单

vue+elementui提高开发效率，以下为form表单验证例子。包含自定义验证等。
hezheqiang·2020-07-31 18:40

el-table中根据el-select动态的插入列

前言：vue+elementUI项目中，经常会遇到报表的统计，表头并不固定，而是根据某些变量动态的生成的。那么该如何做成我们想要的样子呢？
尔嵘·2020-07-31 15:07

Vue+ELement之项目实战分享

公司临时需求需要弄一套权限管理系统，后端肯定没有问题，前端根据之前我使用的HTML,CSS感觉特别的繁琐和丑陋（主要本人不是专业前端），因此通过浏览相关资料，发现了vue+element+Admin(完美的后台前端解决方案)，它基于vue
Wangxichuan_Jack·2020-07-31 15:52

Vue+elementUi开发项目

Vue+elementUi开发项目1.安装Vue$npminstallvuenpmi2.安装vue-cliVueCli介绍CLI(@vue/cli)是一个全局安装的npm包，提供了终端里的vue命令。
Berlin_Rome·2020-07-31 13:41

关于Vue+Element UI 表单校验那点事儿

最近在用vue+elementui做后台管理系统开发，不免经常与里面的表单验证有所打交道，就做了些小总结，有不对的地方还请各位小伙伴指出，一起学习进步哈～首先我们通常都是由官网的一套代码事例入手的：?
爱吃爱喝爱玩儿乐·2020-07-31 11:40

vue+elementUI实现可编辑动态表格，带效果图

记录一些最近做项目遇到的一些坑，顺便分享出来实现的效果。1、无法输入编辑2、删除输入框报错3、点击编辑，无法载入数据4、删除表格内输入框时序号错乱，报错，无法输入……下面是动态生成表格形式的表单，效果图基本信息年度  标题 评议内容新增+活动标题   分值（分）  删除删除添加取消确认确认js：```javascrip
小陆会努力赚钱的·2020-07-30 21:19

vue+elementui实现el-select全选 反选

#vue实现-el-select多选全选反选实现的功能：1、多选2、选择【全选】时多选数据及反选3、数据全部勾选时【全选】勾选，全选情况下去除一个选项【全选消失】用change控制每次勾选时的变化时间removeTag移除tag时产生的方法webAddresses:[{orgId:'全选',orgName:'全选'}],//遍历的selectoption从后端遍历newOrgData:[],//勾
dd小布丁·2020-07-29 17:57

Vue+ElementUI之管理系统_登录

Vue+ElementUI实现登录功能引言本章使用Vue+ElementUI实现了登录以及未登录拦截相关功能准备创建vue项目详情见之前文章:Vue-cli创建项目引入axios包npmiaxios引入
鱼记·2020-07-28 22:00

netcore vue elementui自动代码生成器

语言：C#netcore底层：dapper+contrib前端：vue+elementui数据：sqlserver生产思路首先我们将耀自动生成，也就是需要生产的产品，以及产品的主要属性归纳一下操作方法源码
vimanas·2020-07-28 15:15

vue+elementUI完成注册及登陆

1.vue怎么引入和配置使用element-ui框架1.1使用vue-cli脚手架工具创建一个vue项目vueinitwebpackpro011.2npm安装elementUIcdpro01#进入新建项目的根目录npminstallelement-ui-S#安装element-ui模块1.3在项目中src目录下找到main.js，并在指定位置添加三行代码（main.js是入口文件，所以在这里引入就
别捏琪琪脸-·2020-07-28 03:21

vue+elementUI动态生成面包屑导航

项目需要动态生成面包屑导航,并且首页可以点击.其余为路径显示上面的代码是elementUI组件的样式,根据项目需要做了修改,搬运的时候根据项目自己改改exportdefault{data(){return{activeMenu:'',indexBreadcrumbs:[],menus:[{id:'1',name:'门户管理',icon:'menhuguanli',path:'#2',child:[
sun shying·2020-07-28 01:51

vue+elementUI,实现表单验证中的图片上传验证(el-form与el-upload)

简介目前在做一个商城后台管理系统，在实现表单的过程中需要上传商品图片、二维码、头像等，需求是每次只能上传一张图片，并且需要进行相关的非空验证，操作演示如下图所示：以下是具体的实现思路，希望能帮到大家。el-form表单的实现及非空验证本文所实现的表单验证是普通的输入验证，若想自定义表单验证规则，可以前往elementUI官方文档进行学习。表单验证可以理解为以下几个步骤：1、在el-form上添加规
linz·2020-07-27 17:38

vue+elementui实现点击table中的单元格触发事件--弹框

elementui中提供了点击行处理事件查看位置：elementui的table事件elementui的table中怎样点击某个单元格触发事件？可以先看一下官网中table的自定义列模板代码{{scope.row.date}}姓名:{{scope.row.name}}住址:{{scope.row.address}}{{scope.row.name}}编辑删除exportdefault{data()
·2020-07-27 16:21

Vue 组件复用多次自定义参数操作

场景：当项目中多处出现相同的模块时，此时的正常考虑是将其做成公共组建，通过传参不同，实现多处复用具体：背景：项目使用的技术是VUE+ElementUI此处，多处出现的模块是select选择框，封装成组件后
·2020-07-27 10:06

Vue 在使用v-if的前提下，使用elementResizeDetector配合ref获取元素块的高度

前言公司的项目主要以Vue+elementUI为主，最近公司项目需要做一个附件上传的组件，如下图，然而在做的过程中，遇到了一定的问题。
wuyxinu·2020-07-18 17:53

Vue+elementUI实现表格双击输入

基本思路使用v-if和v-else控制表格显示文本还是输入框每个属性的edit为false为不可编辑，为true是可编辑输入可以是input、select、date-picker等等代码：页面：{{scope.row.name.value}}男女{{scope.row.sex.value}}{{scope.row.date.value}}js：consttableData=[]for(leti=1
l ﹉x `。·2020-07-16 22:31

idea 搭建vue+elementUI

(1)npm想要下载npm可以先去Node的官网上下载安装Node，安装完Node之后会自带npm。此刻可以通过命令语句npm-v查看npm是否安装成功。可根据需要更新npm至最新版，更新指令为npminstall-gnpm(2)淘宝镜像为什么需要这个东西呢？因为npm的服务器是国外的服务器，我们访问外国服务器很慢。于是淘宝就把npm的资料拷贝到了自己的服务器上，就是我们要用到的淘宝镜像。安装淘宝
那绊脚石的不·2020-07-15 14:43

canvas实现绘画板

历时一周开发了一个简单的canvas实现的画板功能，这是在vue+elementui项目里开发的，支持画笔、橡皮擦、回退、清除、保存图片、切换颜色、设置宽度等。
LvyYoung·2020-07-15 11:11

Vue+Element ui中常用表单验证----手机号、座机、传真、邮箱、身份证号、数字和带小数点的数字

Vue+Elementui中常用表单验证----手机号、座机、传真、邮箱、身份证号、数字和带小数点的数字情景：最近为前端form表单提交时需要验证一下几种特殊的输入数据格式进行验证，在此记录一下。
Good 奈斯·2020-07-15 10:49

vue+elementUI 后台数据为数字，前台转化成对应的中文

html/js代码重点：给每一列绑定属性formatter,值为一个函数，返回要翻译成的中文字符串exportdefault{name:"index",methods:{getDJFLMC(row,col){有多少条数据，此函数就会触发多少次。djfl是电价分类数组（里面的字段有：分类的编号dmbh；对应编号的分类名称dmnr）for(variinthis.djfl){if(this.djfl[i
String佳佳·2020-07-15 08:53

vue+elementUI完整登陆表单验证点击按钮触发

1.基本逻辑elementUI表单触发方式有两种:blur和change.但是在正常的一个登录界面校验逻辑(参考百度注册校验),在没有输入内容的情况下,光标移入和移除,是不会触发必填校验.在点击登陆按钮的时候,触发必填校验.在输入框有输入内容的时候,光标移除触发正常的校验.2.代码这是一个确认投资dialog.包含支付密码输入,图形验证码输入和一个单选框.详细的样式和方法就不写了支付密码:&nbs
尹玉龙sir·2020-07-15 08:46

Vue+elementUI开发中 Cannot read property 'resetFields' of undefined 问题解决以及原因分析...

本人开发的系统中有个添加数据与编辑数据的功能。为了减少代码量，两者使用了同一个dialog，通过不同按钮点击使用对应的方案进行显示。对了方便，本人在添加数据的按钮的click事件中直接写入了resetFields。之后正常运行过一段时间，但是就在最近（添加了很多代码）开始报错：TypeError:Cannotreadproperty'resetFields'ofundefined同时我发现，只要显
weixin_34186931·2020-07-15 05:03

vue+element ui 的时间控件选择 年月日时分

前言：工作中用到vue+elementui的前端框架，需要选择年月日时分，但elementui官网demo有没有，所以记录一下。
weixin_30861797·2020-07-15 03:28

Vue 点击添加一行和删除一行

我用的是：vue+elementui直接代码。
菜的掉渣渣·2020-07-14 18:15

Vue+ElementUI实现两级、可动态扩展表头的表格

最近在搞前端开发，遇到个需求，要实现下面这样的列表：点击某行的修改按钮，该行数据可编辑，并且按钮会随之变化：点击删除，弹出确认弹框，点确认删除该行数据。需求描述：其中计划数量是要支持动态变化的，而阶段数量也要支持动态变化。比方说图中是3个计划，每个计划包含四个阶段。可能过段时间数据变成了2个计划，每个计划3个阶段，数据这样改变后，前端表格也要能正常显示。而后台的接口也没提供，需要我自行确定了数据结
待风·2020-07-14 10:27

vue+elementUI实现的日期选择组件

因为项目技术栈用到了vue+elementUI，故封装了组件进行复用。
chenmei8988·2020-07-14 08:20

elementUI build打包后字体图标丢失问题

Vue+elementUI搭建项目npmrunbuild打包后字体图标丢失，报错如下：解决办法：webpackutils.js修改：（build目录下utils.js）添加publicPath:'../
KASON·2020-07-14 04:03

VUE开发报错之No 'Access-Control-Allow-Origin' header is present on the requested resource.

近来被领导安排去做前端帮忙，使用的是VUE+elementUI。
Peter-OK·2020-07-14 03:04

Vue+ElementUI实现表单动态渲染、可视化配置的方法

这篇文章主要介绍了Vue+ElementUI实现表单动态渲染、可视化配置的方法,需要的朋友可以参考下动态渲染就是有一个异步的数据，大概长这样：?
若晨工作室·2020-07-13 21:06

用Vue+ElementUI实现省市联动例子

前言：最近工作中需要写一个省市联动的下拉框，然后自己就简单的造了一个轮子，现在把代码给大家分享一下。代码//这篇代码是封装的子组件的代码//可以在选择完数据以后，调用父界面的事件进行相应的处理importAreaDatafrom"../pageContentConfig/City.js";exportdefault{data(){return{//所有地区的数据AreaData,//当前选中的省份
靖凡无所畏惧·2020-07-13 21:06

SSM四个分层架构详细解析

前言最近一直想把学习mavenSSMSpring+SpringMvc+Mybatis框架以及前端框架Vue+ElementUI的学习收获分享出来，但是迫于一堆DDL只能现在捋一捋。
美好环环相扣·2020-07-13 20:43

vue+elementUI项目的踩坑~~持续更新

日常工作记录，如果对你有帮助请点亮小~心~心喔~~~接受礼貌的批评指导目录：1、el-form只有一个搜索条件时页面刷新问题；2、el-tree树形控件，给项目安装jsx语法；3、el-cascader（foreach和箭头函数）获得选项更多信息；4、Vue实现对数组、对象的深拷贝、复制5、input关于金额输入限制（正则表达式~）6、子元素设置margin-top，父元素被影响了~7、导航类目效
weixin_33881050·2020-07-13 18:11

VUE+ElementUI布局随笔

1.el-container标签非必须。2.每一个vue文件中，所有的html代码都应该写在同一个dom中，否则会报错。3.el-aside默认宽度为300px,可以通过在标签中修改width属性来调整。4.若router-view想通过name属性来指定渲染的组件，则在router.js中，该组件在注册时，必须是components的方式，否则无法加载。5.vue项目会加载public/inde
weixin_30700977·2020-07-13 17:10

Vue+Element-UI在使用select标签时动态展示数据，设置默认值后无法选择其他项的问题

使用vue+elementui遇到的坑，记录以免以后再次遇到。
V字少年·2020-07-13 14:14

vue+elementUI版时间范围选择器（具备昨天、本周、上周、本月、上月等快捷选择按钮）

昨天本周上周本月上月导出import{timestamp}from'@/utils/index'importmomentfrom'moment'exportdefault{props:{placeholder:null},data(){return{range:[],dateObj:{startTime:'',endTime:''},oneDay:86400}},computed:{nowYear
scorpio_h·2020-07-13 13:13

Vue+ElementUI实现input框模糊查询提醒

先是用了ElementUI中给的el-autocomplete例子：querySearch是这样定义的：querySearch(queryString,cb){varrestaurants=this.restaurants;varresults=queryString?restaurants.filter(this.createFilter(queryString)):restaurants;//
sanlingwu·2020-07-13 13:36

详解Vue+elementUI build打包部署后字体图标丢失问题

错误描述：Vue+elementUIbuild打包部署后字体图标丢失，控制台显示文件element-icons.woff和element-icons.ttf文件404错误展现：控制台报错截图dom渲染展示解决方法：webpackmodule配置：(build目录下webpack.base.conf.js)module:{rules:[...(config.dev.useEslint?[create
·2020-07-13 12:09

vue+elementui下载附件

elementui下载附件一般是在点击文件后发生的，应在el-upload组件的on-preview函数中实现第一次使用FileSaver插件下载附件，一到上线就会报错找了百度也没有找出答案，就换种方法this.$axios({url:file.url,//后端返回文件的路径type:"get",responseType:"blob"}).then(res=>{if(!res){this.$mes
qq_32496215·2020-07-13 10:15

VUE + ElementUI 从搭建到运行

前言:本文简洁的描述VUE+ElementUI从搭建到运行，可以根据本文先搭建出可运行的项目，然后再详细回顾每个步骤所做的事；也可在第二次搭建的时候作为步骤回顾与参考。
俊俊的小熊饼干·2020-07-13 08:08

vue+elementui 应用中关闭对话框清除验证和表单内容

在项目中遇到对话框关闭或者取消后，再次打开验证错误或者表单内容依然存在的效果，如下：这种用户体验显然不好，那么如何解决这种问题呢？第一种方法简单粗暴，就是在dialog对话框添加v-if，下次打开对话框重新渲染即可。第二种方法就是在dialog取消按钮或者在对话框关闭的‘before-colse’事件中添加：this.$refs['formData'].resetFields();formData
kirinlau·2020-07-13 06:27

vue+elementui 折叠面板的全部展开与全部显示功能

最近的项目中涉及到了折叠面板的全部展开与全部显示功能下面就大致的总结一下第一种情况：开始显示全部展开（这时面板全部都是收缩的），当其中的一个面板被手动打开，那么就显示全部收缩（这时面板至少一个被打开）这个是比较简单的，看一下怎么实现吧!1.首先需要在折叠面板中绑定activeName，activeName用来装每个面板的唯一标识//中间是具体的每一个面板都是通过后台传过来的列表进行循环显示的act
是Joi呀·2020-07-13 06:24

基于Vue+ElementUI的省市区选择公共组件

公共组件部分此组件是配合后台用的，每选择一次，调去一次后台接口，获取相应地址的数据。html部分：JS部分：exportdefault{name:"city",data(){return{sheng:[],shi:[],qu:[],};},props:["addList"],//从父组件接受的数据methods:{//获取省getsheng(){var_this=this;_this.$axios
Jerry丶惟·2020-07-13 06:16

vue+elementUI实现搜索框历史记录

1、jsp部分（参考elementUI官方）：2、主要是利用浏览器本身自己带的localStorage存储空间，下面是实现的JSONdata(){return{noRoNameHistory:[]//定义一个存放历史搜索记录的数组}}findFirPage(){this.listQuery.page=1//自己项目定义的查询页面this.setIntoStorage()this.findPage(
Rechust-E=mc²·2020-07-12 23:28

VUE+ElementUI布局随笔

VUE+ElementUI布局随笔el-container标签非必须。每一个vue文件中，所有的html代码都应该写在同一个dom中，否则会报错。
HowYouth·2020-07-12 22:12

简单的VUE+elementUI请求数据和分页

模板分页exportdefault{return{currentPage1:1,total:0,page:1,pageSize:10,pageNum:1}},methods:{//获取列表数据getUser:function(){letpara={pageNum:this.pageNum,pageSize:this.pageSize,};this.loading=true;getList(para
小牧鱼·2020-07-12 12:27

vue + elementUi 实现密码校验

vue+elementUi实现密码校验原文链接：https://www.cnblogs.com/zengkai/p/10142472.htmldata(){varvalidatePass2=(rule,
五颜六色的黑·2020-07-12 10:33

vue+elementui时间验证问题处理

2019独角兽企业重金招聘Python工程师标准>>>问题描述使用标签时，有时间校验规则，如果添加时间，没问题，但是编辑时，不重新选择的话，会报错代码展示exportdefault{created(){this.getData()},data(){return{result:{update:'',},rules:{update:[{type:'date',required:true,message
weixin_34238642·2020-07-12 09:23

封装一个优雅的element ui表格组件

现在做后台系统用vue+elementUI的越来越多，那elementui的el-table组件肯定也离不开。虽然elementui的table组件很好。但是表格和分页是分离的。
weixin_33705053·2020-07-12 07:59

MVC框架+vue+elementUI

用自动化构建做的vue项目，因为是动态加载数据，在SEO优化时一直不如意，于是我们换了框架，用MVC框架，做成静态页面，但是原来的代码都是用vue和elementUI，为了快速的复用原来的代码，于是在项目中引入了引入vue.js和elementUI。需要引入的：@Styles.Render("~/Content/elementUI/index.css")//elementui的样式@Styles.
weixin_30657541·2020-07-12 06:04

Vue + ElementUI + SpringMVC 实现分页

Vue+ElementUI+SpringMVC实现分页这一段时间写项目用到了Vue+ElementUI，这里记录一下使用ElementUI内置分页插件结合后端SSM框架的实现思路和实现过程。
wcdunf·2020-07-12 05:22
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他