vue+elementUi

使用nginx的负载均衡机制实现用户无感更新服务

知识改变命运，撸码使我快乐，2020继续游走在开源界点赞再看，养成习惯给我来个Star吧，点击了解基于新一代接口服务框架“ApiBoot”的前后分离（“Vue+ElementUI”）管理平台基础解决方案脚手架示例
恒宇少年·2020-04-05 13:59

Vue + ElementUI 后台管理系统项目心得（一）

最近参与了公司的Vue+ElementUI后台管理系统开发，目前项目告一段落，正好做一个总结。本文件分三部分进行，其一是JavaScript部分，其二是Vue部分，最后是ElementUI部分。
OSIMLY·2020-04-03 10:26

用vue+elementUI搭建一个后台管理系统框架

之前虽然有用vue+elementUI写过后台管理项目，但是都是在别人已经搭建好的框架上调用接口进行数据增删改查，从没有自己新建过项目，最近有时间，就想着自己自己从头到尾的过一遍，这里写的都是自己觉得需要注意的
weixin_45115895·2020-04-02 22:04

钢材信息小程序开发总结(一) --- 整体介绍

于是之后每天在梦里想,怎么做,用什么做最后决定使用小程序来搞,毕竟老一辈人微信用的多,小程序逼格高十月三号配置的信息...,然后十一月开工image.png1.技术选型image.pngEggJS写API还是很爽的Vue
治电小白菜·2020-04-02 09:26

Vue+elementUI 实现远程下拉框+搜索+TAG展现+编辑回显

效果如下下拉选中之后可以配置Tag形式展现tag.png支持远程搜索搜索.png支持分页分页.png支持编辑回显正确的value以及label使用方法配置如下initvinitlabe回显值绑定label-key绑定label取自查询结果的哪个key一般为namelabel-value绑定下拉框value绑定查询结果的某个key默认idshowtag选中后是否tag形式展现tagtypeeleme
黄永超·2020-03-30 20:46

Vue+ElementUI项目笔记（五、调用接口+分页）

模板交互调用接口import{getFlightInfo}from'../../service'exportdefault{name:'flightHome',data(){return{resource:'',flightList:[],pagesize:10,highlightId:-1,currPage:1,start:1,total:10,}},methods:{getFlight(){g
怪兽别跑biubiubi·2020-03-29 14:41

Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除）

最近有使用vue+elementUI实现多图片上传的需求，遂做此纪录。本次主要写一下前端的实现细节，至于后台以Multipart[]数组接收即可，不再赘述，网上一搜大把文章可供参考。
许愿瓶1·2020-03-23 14:03

Vue+ElementUI项目笔记（三、ElementUI表格）

模板{{scope.row.sub_num}}管理员删除保存交互调用接口import{searchServiceState}from'../../service'exportdefault{name:'Home',data(){return{tableData:[],type:'"",status_name:[]}},mounted(){this.type=this.$route.params.t
怪兽别跑biubiubi·2020-03-20 19:42

VUE+ElementUI单选表格

选择单行进行绑定html{{scope.row.name}}{{scope.row.phone}} 确认绑定取消jsexportdefault{data(){return{tableData:[{name:'王小虎',phone:'135687124544'},{name:'王小虎',phone:'135687124544'},{name:'王小虎',phone:'13568712454
按时搬砖的小陈·2020-03-20 11:55

Vue+ElementUI项目笔记（六、查询）

模板-查询添加重置>交互import{getReciveList}from"../../service"import{formatTime}from"../../utils/time.js"exportdefault{data(){return{type:'',title:'收货主单',searchInfo:{params:{type:0,order_three_code:'',//单号三字码or
怪兽别跑biubiubi·2020-03-17 05:27

Vue+ElementUI项目笔记（四、表单+计算）

模板{{scope.row.volume}}{{scope.row.volume_weight}}删除交互引入计算插件const{Decimal}=require("../../utils/count.js")exportdefault{name:'volume',data(){return{tableData:[{}],getLength:null,}},methods:{handleDelet
怪兽别跑biubiubi·2020-03-14 14:31

vue+elementui Admin 结合的项目中使用TinyMce 富文本上传本地图片

1.其实element-admin中已经整合了tinyMce富文本的配置，但是再项目需求中需要自己上传本地图片，就像这样（用霉霉来镇楼）2.本次项目上传图片的思想：先拿到本地的图片转换为base64的格式，传递给后端，后端保存后再返回给我们一个图片地址，最终我们需要的就是这个地址做显示和保存具体的操作：因为安装和基本的富文本配置都由elementui+admin给我们做了，我这里主要是再贴一些本次
那年·2020-03-05 20:51

Vue+elementUI监听键盘回车事件，首次执行时页面刷新问题

在使用el-input组件时，为了操作方便，监听了@keyup.enter，直接enter键提交，但是首次提交时会出现页面刷新。原因：input表单外部有form，默认会执行form的submit事件，对页面进行刷新。解决方案：
IT飞牛·2020-02-29 16:17

图片input框自定义样式及前端回显

原生的选择框：基础框架vue+elementUI，这里使用vue单文件组件（SFC）实现，但核心代
DDD7·2020-02-26 03:02

Vue + ElementUI 后台管理系统项目心得（二）

Js的总结请见前一篇：Vue+ElementUI后台管理系统项目心得（一）话说过完年回来，仿佛一夜之间身边的人都在谈论Vue，相关的组件也如雨后春笋一般涌现出来，比如大名鼎鼎的ElementUI、iView
OSIMLY·2020-02-23 20:15

Vue+ElementUI项目笔记（二、配置路由）

components在components文件夹下新建vue文件：login.vuewelcome.vuehome.vueindex.js======单级路由importVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'@/components/Login'importWelcomefrom'@/components/Welcome'i
怪兽别跑biubiubi·2020-02-22 05:08

全栈式部署：SpringCloud 微服务+Docker + Vue + nginx 前后端一站式部署

操作步骤非常详细，新手友好型文章~后端技术栈：SpringCloud微服务架构+Redis+RabbitMQ+MySql；前端技术栈：Vue+ElementUI；部署工具：后端用Docker容器化部署，
solocoder·2020-02-22 01:39

Vue+ElementUI upload 上传前压缩图片

非常感谢文章作者技术分享,请多多鼓励他们文章链接：https://blog.csdn.net/weixin_44134899/article/details/95046994场景：在Vue项目里，利用ElementUI的upload组件，上传图片，在图片上传前，对图片进行压缩。做法概述：在before-upload方法中对图片文件进行处理，并返回处理后的文件。beforeUpload方法中，除了可
HealerLZH·2020-02-18 00:35

Vue+ElementUI select中V-model数据修改后，试图不刷新

今天遇到一个问题，浪费了很长时间才解决，虽然问题解决了，但并没有理解真正的原理。问题描述：页面结构是由2层循环遍历出来，其中有el-select，v-model绑定的值是第一层循环出的子项的attention属性。为了给下拉框设置初始值，在created中，遍历数组，给每一个元素添加attention属性，并赋值为其子数组的第1项的title值。使用此方法设置后，当改变下拉框选项时，无法更改。HT
鯡垳·2020-02-11 09:44

Vue+ElementUI+SpringMVC实现分页

Vue+ElementUI+SpringMVC实现分页这一段时间写项目用到了Vue+ElementUI，这里记录一下使用ElementUI内置分页插件结合后端SSM框架的实现思路和实现过程。
TyCoding·2020-02-07 11:49

Vue+elementUI 自定义动态数据菜单导航组件实现展开收缩+路由跳转router-view渲染数据 路由跳转到同一个页面带参数ID 自动刷新数据

准备:导入ElementUI看官网教程数据准备:JSON数据转换成树状参考文章:JS实现JSON扁平数据转换树状数据后台我拿的数据是这样的格式:[{id:1,parentId:0,name:'',level:0},{id:2,parentId:0,name:'',level:0},{id:3,parentId:2,name:'',level:1},{id:4,parentId:2,name:'',
丢你个滑稽·2020-02-01 19:00

前端React+Antd ，后端Koa的博客平台

但是不妨碍水一篇文章分享下前端作为展示所以结构比较简单主页，查看文章列表文章详情、评论关于，里面包含一些数据统计前端默认使用的是admin账号的数据你也可以进行线上预览，具体项目地址文章如何管理后台管理的操作有个单独的页面，使用Vue
RaKL·2020-02-01 06:23

vue+elementUi 实现密码显示/隐藏+小图标变化功能

vue+elementUi实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）...，先给大家展示下效果图，感觉不错可以参考实现代码。
weixin_34075551·2020-01-18 11:07

ElementUI的el-table的多选的取消选择和筛选的取消所有过滤器之ref冲突问题

然而，我认为这是对VUE+ElementUI的底层框架的理解深入化问题。
九五挥了挥手·2020-01-16 16:00

ElementUI的el-table的多选的取消选择和筛选的取消所有过滤器之ref冲突问题

然而，我认为这是对VUE+ElementUI的底层框架的理解深入化问题。
九五挥了挥手·2020-01-16 16:00

使用nginx的负载均衡机制实现用户无感更新服务

知识改变命运，撸码使我快乐，2020继续游走在开源界点赞再看，养成习惯给我来个Star吧，点击了解基于新一代接口服务框架“ApiBoot”的前后分离（“Vue+ElementUI”）管理平台基础解决方案脚手架示例
恒宇少年·2020-01-09 17:05

Vue+ElementUI项目笔记（一、项目搭建）

1、下载脚手架npminstallvue-cli-g2、验证安装vue--version3、新建项目vueinitwebpack文件名（使用英文名称）4、进入到生成目录里面cd文件名，下载依赖cnpminstall5、运行npmrundev6、下载elementUI：npmi&&npmielement-ui7、引入Element完整引入：在main.js文件下引入importVuefrom'vue
怪兽别跑biubiubi·2020-01-07 17:42

通过简易配置动态在线生成Vue+ELementUI 脚手架

通过简易配置动态在线生成Vue+ELementUI脚手架地址：在线生成比如我们要建立这样一个结构的管理系统：首页页面1页面2页面2-1页面2-2页面2-3页面2-3-1页面2-3-2页面3页面4那么我们就只需要这样写便可以直接搭建好你需要的架构了
杨一一·2019-12-28 16:58

vue+elementUI表格导出excel

法一：导出一个excel表实现过程先安装依赖npminstall--savexlsxfile-saver在需要的组件内引入importFileSaverfrom"file-saver";importXLSXfrom"xlsx";vue:导出js:importFileSaverfrom"file-saver";importXLSXfrom"xlsx";exportdefault{data(){ret
好心小萍宝·2019-12-27 16:07

项目总结：中后台管理系统类

采用Vue+elementUI开发。技术选型的理由有以下几点：此类项目多为表单、列表、数据看板，vue生态有成熟的解决方案。产品设计风格与elementUI设计风格相近。
lilicat·2019-12-23 19:00

解决VUE+ElementUI中cascader级联选择器组件自动清除选中值

之前在做公司的后台管理系统时，使用到了cascader这个组件。发现当你选中一个选项之后，除非手动删除，否则下次创建显示的还是之前选中的值。当时想了很多办法都不管用，最后查资料看到了一个解决方案。如下：letobj={}obj.stopPropagation=()=>{}try{this.$refs.cascader.clearValue(obj)}catch(err){this.$refs.ca
Zebra_9·2019-12-21 22:11

VUE+ELEMENT UI学习demo

这几天，看了下vue+elementui的一些知识，现在将其写成一个demo，页面下过如下代码如下：.top_btn{margin-bottom:40px;}.top_left_btn{margin-left
bird_tp·2019-12-18 11:06

vue+elementUI组件table实现前端分页功能

前端分页和后端分页就是请求的差异，前端分页的话只请求一次，所以要在rendertable组件的时候控制下数据:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"//不多解释再就是设置分页器total等于table数据的长度:total="tableData.length"点击分页器的操作methods:{han
GarenWang·2019-12-14 15:40

Vue+ElementUI table实现表格分页

Vue+ElementUItable表格分页，供大家参考，具体内容如下分页的两种方式。前端分页，后端分页。两种方式各有个的优缺点吧。前端分页：后台只需将数据返回，不需要做过多处理，前端一次请求拿到所有数据后做分页处理。但数据量不能太大，因为前端是先一次性加载所有数据，然后在做分页处理。在数据量多的情况下，加载相对应的会变慢。所有在前端做分页时要先考虑一下后期的数据量。后端分页：因为是后端分页，前端
小城听风雨·2019-12-14 15:36

Vue 之qs 使用详解

Vue之qs使用1.qs插件简介最近接触了一个Vue+elementui的项目,请求数据使用axios发送请求发现后端接收不到参数,后来知道了要把参数序列化Vue中提供了qs这个插件。进行数据序列化。
若水一剑·2019-12-08 23:00

在前端 IPA & APK 还能这样玩

此外该项目采用前后端分离的开发方式进行开发，前端技术栈采用Vue+ElementUI，后端技术栈采用Node.js+Koa，这对于我这个
semlinker·2019-12-08 20:19

vue+elementUI实现阿里云OSS存储

对象存储OSS直接上代码新建文件aliyun.oss.client.js/***阿里云oss上传工具*/letOSS=require('ali-oss');letconfig={region:'你的Region注意这个只要空间名不要http://和.aliyunoss.com!!',secure:true,accessKeyId:'你的AccessKeyId',accessKeySecret:'你
阿尔法乀·2019-12-07 05:20

前端学习日记----canvas实现画板及定制画笔

本期的小需求:在页面中实现一个能进行绘画的画板能实现画笔颜色、粗细、撤回等功能开发环境Vue+elementUI采坑记录画笔与鼠标错位（恶心很久）画笔切换颜色粗细，原来绘画的线条也改变了图片跨域等等..
査辰昊·2019-12-02 10:06

css3让overflow:auto页面滚动条出现时屏幕不跳动

但是，这时候问题来了：在写vue+elementui的项目时：el-table的宽度设置为width:100%，表格字段超过了一屏的宽度，出现滚动条。
烟染眼眸·2019-11-30 06:34

vue+elementUI 复杂表单的验证、数据提交方案

背景当我们在做后台管理系统时，经常会遇到非常复杂的表单：表单项非常多在各种表单类型下，显示不同的表单项在某些条件下，某些表单项会关闭验证每个表单项还会有其他自定义逻辑，比如输入框可以插入模板变量、输入字符数量显示、图片上传并显示、富文本。。。在这种错综复杂的情况下，完成表单的验证和提交可以查看具体例子：例子中省略了很多琐碎的功能，只保留整体的复杂表单框架，用于展示解决方案方案1：在一个vue文件中
漓漾li·2019-11-29 15:32

Vue+ElementUI的后台管理框架

新开发的一个后台管理系统。在框架上，领导要用AdminLTE这套模板。这个其实很简单，把该引入的样式和js文件引入就可以了。这里就不多赘述了。有兴趣的可以参考：https://www.jianshu.com/p/e80b1f5001eb，或者可以参考官网：https://adminlte.io/效果图，如下：AdminLTE这个模板，还是很方便的。有兴趣的大家可以自行去琢磨。我只是把这个模板内嵌到
冰乐·2019-11-21 09:00

vue + element-ui + springboot + 阿里云OSS 使用表单进行图片文件等的上传（具有上传滚动条效果）

vue+element-ui+springboot+阿里云OSS使用表单进行图片文件等的上传（具有上传滚动条效果）使用vue+elementUI的前端页面中，使用el-upload组件，在添加，或者修改时
一名努力的小码农·2019-11-20 21:37

手写jwt验证，实现java和node无缝切换

前言前端时间和我朋友写了一个简易用户管理后台,功能其实很简单，涉及到的技术栈有：vue+elementUI，java+springMVC以及node+egg，数据库用的mysql，简单方便。
买辣椒也用券·2019-11-13 17:00

vue+elementui 对话框取消 表单验证重置示例

最近在写增删改查，在新增的时候要弹出对话框填写form表单信息，发现对话框右上角的小X和右下角的取消不是一个事件，我想在点击它们两个的时候都可以重置表单，最终解决，如下。vue：...取消保存js：exportdefault{data(){form:{}},methods:{//对话框取消事件closeFrom(formName){this.dialogFormVisible=false;//点击
julying·2019-10-29 10:52

vue+jsp+v-for+axios实现查询列表功能，无分页

这部分内容写的非常详细，是为了让没有接触过vue的小白，可以快速的上手使用vue，同时也回答了一些初学者使用vue的一些问题，通过这个案例，做到把vue的基础知识了解透彻的目的，为以后使用vue做复杂的页面特效或者使用vue
张泽·2019-10-26 13:11

vue传值(小demo)

vue+elementui实现的。
印第安小铁匠·2019-10-10 16:00

Vue+elementui 实现复杂表头和动态增加列的二维表格

先上完成的效果图：列是根据查询结果增加的数据格式：表头的数据取出：data.data.forEach(element=>{this.thead.push({品名:element.品名,面取数:element.面取数,LOTNO:element.LOT});elementtable中：{{item.品名}}{{item.面取数}}{{item.LOTNO}}表格内数据整理：for(letindex1
了、凡·2019-09-22 19:00

vue 来写移动端，实现上拉加载，下拉刷新数据

本项目是用vue+elementui来写移动端的：首先创建一个每个需要上拉加载数据的模板组件LoadMore.vue{{refreshText}}{{loadMoreText}}已经到底了!
asteriaV·2019-09-16 15:51

vue项目之锁屏

题引锁屏：该需求是指用户暂时离开时点击锁屏，用户无法跳转到其他页面，回来输入密码点击解锁技术栈：vue+elementUI解题通过布尔类型lockFlag来控制样式，绑定事件名称lockChange当用户点击解锁时
红绿鲤鱼·2019-09-12 09:08

vue中el-tree实现懒加载、动态增删改

前言在最近的一个项目中，有一个组织树的需求，因为数据量比较大，要求懒加载并且能够在树上对组织进行操作，项目使用的是vue+ElementUI。ElementUI中有个el-tree，正好可以拿来用。
不会水的鱼吖·2019-09-04 11:00
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他