vue+elementUi 第20页

Vue+ElementUi 阻止表单输入框回车刷新页面

在Vue+ElementUi项目中，我遇到这样一种情况：在弹窗中有一个输入框（el-input）的情况下，@keyup.enter.native回车会刷新整个页面。

水瓶紫罗兰·2020-07-05 04:46

el-table改变行高和样式

最近在学习vue+elementUI前端框架，记录修改el-table行高和样式遇见的问题及解决办法。

new_javabin·2020-07-05 01:09

vue+elementUI（el-upload）图片压缩，默认同比例压缩

这个需求针对用户上传手机拍摄照片等不便修改图片大小的情况，我们允许上传10M以内的图片由前端对图片进行压缩再传给后台存储，结合elementUI的el-upload组件实现图片上传功能（简单来说就是用户是老大）1、提取出压缩方法，放在公共方法.js文件里/**图片压缩，默认同比例压缩 * @param{Object}fileObj * 图片对象 * 回调函数有一个参数，base64的字符串数据 *

辣姐什么鬼·2020-07-04 22:17

如何在单体应用中引入Vue+ElementUI(一)

SpringBoot+Vue+ElementUI创建SpringBoot项目这里使用IDEA开发工具快速创建一个SpringBoot项目,不过社区版的IDEA好像创建不太一样NewObject可以看到项目的一个目录结构如下启动已有的SpringBoot项目2020-05-1622:39:19.936INFO4100---[main]com.lyp.demo1.Demo1Application:St

liangyunping·2020-07-04 21:49

elementUI简单应用以及nodeJs配置

知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件Vue

浩梦溪·2020-07-04 17:33

SpringData-jpa+Vue实现一个前后端分离的省市区三级联动

前后端分离的省市区三级联动今天我们来做一个前后端分离的省市区三级联动，后端项目使用springboot快速构建，数据访问层使用springdata-jpa，前端页面使用vue+elementUI的组件，

一个BUG搞一天。·2020-07-04 09:19

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

：https://seven777777.github.io/myblog/场景：当项目中多处出现相同的模块时，此时的正常考虑是将其做成公共组建，通过传参不同，实现多处复用具体：背景：项目使用的技术是VUE

小茄子Seven·2020-07-04 08:47

使用Vue+ElementUI快速搭建一个后台管理系统框架

开发软件vscode。记得安装node.js安装好ElementUI后记得要导入组件及其样式前往ElementUI官网去找一个布局容器为例如下所示（ElementUI官网https://element.eleme.cn/#/zh-CN/component/container）将相关代码复制出来粘贴到App.vue文件中使用npmrundev运行输入http://localhost:8081测试（有

Littleofthenew·2020-07-04 06:56

Vue+ElementUI项目笔记（点击确定保存数据，点击取消删除未保存数据）

模板分批记录取消确定交互import{getTime}from"../../utils/time"exportdefault{data(){return{detailInfo:{params:{batch_list:[//分批记录{quantity:'',//件数weight:'',//计重arrive_time:'',//到达时间}],}},gridData:[{quantity:'',//件数

怪兽别跑biubiubi·2020-07-02 15:28

vue使用WangEditor富文本编辑器(批量上传图片到服务器)

最近要写一个官网，但是这个官网要写成活的可配置的项目，于是要先写一后台管理系统，用来配置官网的菜单和页面，配置菜单自然是vue+ElementUI表格表单的增删改查，但是配置页面就要有排版、样式等等，所以想到了富文本

慢半拍、·2020-07-02 03:42

vue+elementui项目表单重置遇到的坑！！！

1.在使用elementui的重置的按钮，表单内的input框和验证信息不能清除的原因：首先，model绑定的和ref的必须是同一个对象，input框内的绑定的value必须和el-form-item内的prop内绑定的是同一个清除data(){return{filters:{name:'',age:'',}}},methods:{reset(){this.$refs['filters'].res

跳水小肥羊·2020-07-01 23:39

vue+elementUI项目实战1

可视化新建项目打开可视化面板vueui创建项目可以保存为预设,下次使用此预设时就不需要再次配置了创建完成后我们可以看到他的文件结构vue3初体验入口文件在public中,不在根目录配置全局变量根目录新建vue.config.js//Vue.config.js配置选项module.exports={ //选项 // 基本路径vue.cli3.3以前请使用baseUrl publicPath:"

子枫Eric·2020-07-01 21:00

解决vue+elementUI中使用v-for循环出多个select下拉框，默认绑定，但改变一个下拉框，其余下拉框也会改变的问题

我要展示在页面的选择值是fruitsValueOptions里面的数据。保存成功后，刷新页面。这样写就不会出现v-model绑定的值相同的情况，展示的就是互不干扰的选择框。【水果】栏里可以选择【橙子】or【猕猴桃】【道具】栏里可以选择【叉子】不会出现【水果】栏选择【橙子】后，道具一栏里也出现了【橙子】下面是具体的步骤后端返回数据：{"code":0,"message":"success","dat

color_sss·2020-07-01 20:00

【vue+elementui】打印dialog弹窗内容

难度值：⭐需求描述：使用vue+elmentui，打印dialog弹窗里面的内容方法一：PASSletoldHtml=document.body.innerHTMLdocument.body.innerHTML=document.getElementById('dialogContent').innerHTMLwindow.print()document.body.innerHTML=oldHtm

IrisLong·2020-07-01 18:50

【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

难度值：⭐需求描述：弹窗里面的表单，是复用的后台返回数据，输入框里面的数据复用很容易，通过prop属性即可。问题在于radio单选框，怎么将后台给的数值绑定为默认值示例效果图：涉及知识：一、【elment-ui】radio单选框中的label属性误区：1、误以为value是返回给后台的值，label是展示在前端页面的值导致红色框框里面的代码书写成，后台需要的单选框isGroupcompany参数值

IrisLong·2020-07-01 18:39

VUE+ElementUI 校验表单的输入框是否含有特殊字符

校验方法checkSpecialKey(str){varspecialKey="[`~!#$^&*()=|{}':;'\\[\\].{if(!checkSpecialKey(value)){callback(newError("不能含有特殊字符！！"));}else{callback();}};return{form:{inputText:""},rules:{inputText:[{valida

Sunshine0508·2020-07-01 13:35

webpack构建Vue+ElementUI单页面应用（1）——webpack基础配置

安装webpack4本文的webpack版本为webpack4,所以需要安装webpack和webpack-cli开发依赖npmiwebpackwebpack-cli-D新建build文件夹，在build文件夹下新建webpack.dev.conf.js，并修改package.json中scripts/*package.json*/"scripts":{"dev":"webpack--config

放游·2020-07-01 13:14

Vue+Springboot实现大文件上传的二种方式

vue+ElementUI实现的web管理，后台用springboot来实现的，需要实现上传几百M到几个G的文件上传并显示进度条。

voxer·2020-07-01 05:34

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

3.png在index.js接口文件下引入axios文件并添加接口import{LXHR}from'../config/LXHR.js'//axiosexportconstsearchServiceState=params=>LXHR('接口',params)在使用接口的文件中引入文件import{searchServiceState}from'../../service'

怪兽别跑biubiubi·2020-07-01 04:52

多个接口请求出现报错，提示会连续出现多个，如何只弹出一个提示

场景：如果出现网络问题或者token失效，刷新页面，如果有多个接口请求就会出现报错，那么提示就会连续弹出几个如图：使用的是vue+elementui解决方法：重写一了个messageimport{Message

知所云·2020-07-01 03:18

vue+elementUI表格关键字筛选高亮

代码：筛选：exportdefault{data(){return{search:'',tableData:[{date:'2016-05-02',name:'张三',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-04',name:'李四',address:'上海市普陀区金沙江路1517弄'},{date:'2016-05-01',name:'王五',addr

木子Leo·2020-06-30 19:50

vue+elementui常用到的输入框验证

1.验证输入框只能输入正整数maxNumGetInput(index){this.formData[index].maximumReceiveAllowed=this.formData[index].maximumReceiveAllowed.replace(/[^\.\d]/g,'');this.formData[index].maximumReceiveAllowed=this.formDat

活在当下zql·2020-06-30 18:00

关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题

一、简单说明项目使用Vue+ElementUI进行开发，使用了DateTimePicker日期时间选择器。

zhoushuizhang·2020-06-30 16:38

ElementUI自定义组件之地区三级联动

近期稍有空暇，在此与有需要的朋友分享一个，基于Vue+ElementUI的地区三级联动组件。

zhengvipin·2020-06-30 15:07

wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档

wangEditor出现初始化编辑器时候未传入任何参数,请查阅文档背景：vue+elementUI，在弹出框页面中使用富文本编辑器，父页面和弹出框是分离页面，父页面import弹出框页面，在父页面初始化页面时

铁打的阿秀·2020-06-30 12:52

vue项目el-table 实现表格行内可编辑功能

vue+elementUI实现表格可编辑：vue项目使用el-table实现表格行内可编辑{{scope.

杨咩咩yang·2020-06-30 05:57

Vue+ElementUI从零开始搭建自己的网站（二、导航组件）

创建导航页组件我们在src目录下新建一个文件夹，名为components，今后我们的组件都会放在这个文件夹中。在components目录下新建一个Navi目录，在Navi目录中新建一个名为Navi.vue的组件。至此我们的目录应该是如下图所示：然后我们修改main.js文件，修改后的文件如下importVuefrom'vue'importElementUIfrom'element-ui'impor

极地雪狼li·2020-06-30 03:20

vue+elementui 后台管理系统菜单权限管理+路由跳转

前言：我们项目的菜单权限主要是由后台控制，前台根据后台提供的menuList进行页面展示，根据用户登录账号的不同，从而显示分配不同的权限菜单。1，利用elementui导航菜单组件书写结构（我们项目要求的权限菜单是三级的，具体可以根据实际情况进行修改）{{item.name}}{{itemChild.name}}{{itemChild_Child.name}}{{itemChild.name}}2

weixin_44504742·2020-06-29 13:22

【vue+elementUI】分页（后端分页+前端分页）

项目结束，想着总结点东西，就又找了这个来总结一下，下次碰到，方便自己查找。先说，后端分页吧：后端分页，顾名思义，后端做好分页，你把要请求的页数和条数发送给他，他返回给前端，再渲染到页面上~结合elementUI的话，后端还需要把数据的总条数，即total作为一个字段返回，前端才能做分页嗷！下面上大概的代码，方便自己和大家参考一下。html:total:{{total}}items//根据后台返回的

暖阳伴新绿·2020-06-29 12:27

Vue+elementUI侧边导航栏高亮显示问题

首先给导航栏加上default-active属性，记得加上冒号

九号窗口·2020-06-29 09:10

Vue+elementUi获取el-select的值将el-select 选中的多个值转成一个list提交到后台。

开发中遇到需要将elementUi的el-select选择器选中的多个值转成list提交到后台走了一些弯路下面说一下思路。exportdefault{data(){return{form:{typeId:'',id:''},items:[],}}}这里我是因为后台需要将表格中的当前用户id传到服务端本文主要是说明如何将el-select选中的多个值转成一个集合。通过getRoles()获取角色列表

波子的搬砖生涯·2020-06-29 07:45

webpack手动搭建vue项目（二）—— 创建vue+elementui项目

1.安装依赖>npminstallvuevuexvue-routervue-resourceelement-ui--save-dev>npminstallbabel-clibabel-corebabel-loaderbabel-polyfill--save-dev>npminstallcss-loaderfile-loaderstyle-loadervue-loadernode-sasssass-

人称～·2020-06-29 06:01

VUE+elementUI实现弹窗（dialog）编辑某条数据

最近要使用VUE+elementUI的框架，我开始学习了vue的知识，在写demo实现弹窗编辑表格数据的时候遇到了一个问题：弹窗中的数据不知道怎么传到对应的表格中去，网上搜了一大堆，都是粘贴复制的，只实现了打开弹窗

王魂凤气·2020-06-29 05:49

vue+elementui穿梭框+上下移动功能

elementUI组件样式：需要的样式：增加上移、下移功能下面就看一下的我实现方法（希望大家有更好的方法）1.首先在底部内容区增加需要的功能按钮，如：上移，下移，确定，取消【这里是为了数据操作之后，确定之后再进行相爱一步操作】，还有就是右侧列表元素被用户选中/取消选中时触发的监听事件【right-check-change】2.数据roleData【所有角色】，chooseRole【选择的角色--穿

新同学Y·2020-06-29 05:47

vue+elementui根据权限动态生成菜单添加对应router路由

说明:根据从后台获取角色权限数据配合Element-ui中NavMenu组件生成对应菜单结构.并通过addRoutes方法动态添加路由-之前做项目时是通过beforeEach钩子里通过判断当前角色的权限是否能访问要去往的路由页面来实现的,但是后来发现vue-router2.x版本提供了addRoutes就试试能不能优雅一些.–先看看router.jsimportVuefrom'vue'import

Kudee·2020-06-29 05:13

Vue+ElementUI 切换ElementUI主题+自定义颜色的修改（指定几种颜色的换肤）

一、版本说明（若没有以下中间件，先安装喔）1.1、具体代码开源到github中，欢迎starNode.js10.13.0NPM6.10.3Vue2.5.2vue-router3.0.1element-ui2.11.1element-theme-chalk2.11.1#`npminstallelement-theme-chalk--save-dev`webpack-theme-color-repla

窩窩頭·2020-06-29 05:40

vue+elementUI实现多选联动选择

先看一下效果图实现过程：template游戏类别:游戏名:scriptexportdefault{data(){return{checkList:[],//收益类型为自选游戏的时候默认选中的游戏showList:[],//最终选中的游戏名checkType:[],//最终选中的游戏类别chessNum:1,//棋牌点击计算次数niuniuNum:1,//牛牛点击计算次数catchFishNum:1

菜鸟小佳·2020-06-29 05:32

vue+elementUI表格导出excel

参考小圣贤君最终效果点击导表跳出导出文件实现过程1.先安装依赖npminstall--savexlsxfile-saver2.在需要的组件内引入importFileSaverfrom"file-saver";importXLSXfrom"xlsx";3.使用---必须保证表格格式对应，不然报错我用了布局来写的表格，然后就会报这个错好吧，来看看正确的写法导出jsimportFileSaverfrom

菜鸟小佳·2020-06-29 05:32

vue+ElementUI改变主题色

背景介绍：项目使用vue.js+elementUI+scss，但是项目的主题色要修改为紫色。Mac电脑，且已安装过npm。我使用的是全局安装（-g），官方文档说是建议安装在项目中全局安装步骤cdelement-demonpmielement-theme-gnpmielement-theme-chalk-Det-i修改scss中的颜色值etmain.js修改引入步骤说明进入项目文件夹cdelemen

hlqiong96119·2020-06-29 04:45

webpack构建Vue+ElementUI单页面应用（3）——webpack-dev-server基础配置

第一篇文章package.json中我们配置的scripts有webpack-dev-server,下面开始配置webpack-dev-server,安装webpack-dev-servernpmiwebpack-dev-server-D配置webpack.dev.conf.jsmodule.exports={devServer:{contentBase:path.resolve(__dirnam

放游·2020-06-29 03:06

vue+elementUi 系统后台中的修改密码页面（全）

就是感觉自己在做这个页面想找参考的时候，没有找到自己特别想要的，所以我写完后记录下来，万一能帮到跟我一样有需要的盆友呢项目背景：系统后台中右上角需要添加一个修改密码新页面需求，如图：二，正式建立修改密码页的路由，然后新建修改密码文件vue文件内容：确认修改importapifrom"@/api";//这是我个人全局定义单独用来接收url接口的文件，不作参考import{getUsername}fr

修炼中的小妖怪·2020-06-29 03:37

vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）...

【html】 //前后代码【略】【js】 showPwd(){this.pwdType==='password'?this.pwdType='':this.pwdType='password';lete=document.getElementsByClassName('el-icon-view')[0];this.pwdType==''?e.setAttribute('style','color:

小屁孩大帅-杨一凡·2020-06-29 02:38

vue+elementUI $message

element-ui,$message显示倒计时信息element-ui,$message显示倒计时信息element-ui提供的message组件，文字是写死的，没有提供动态变化的方法。但是作为一个vue组件，他的message属性是双向绑定的。下面是实现倒计时显示的例子vara=this.$message({showClose:false,message:'你已经被管理员禁用，5s后将自动退出

歪歪100·2020-06-29 01:44

vue+elementUI多级菜单动态渲染组件

以下是组件代码：[HTML]查看纯字幕：{{navMenu.entity.alias}}{{navMenu.entity.alias}}导出默认{名称：'NavMenu'，道具：['navMenus']，data（）{返回{}}，方法：{}}外部调用也比较简单[HTML]查看纯字幕：看看效果：值得一提的是，完成此菜单需要后端的配合，笔者这里后端给出的数据为：[javascript]查看纯文本{“实

歪歪100·2020-06-29 01:43

vue+elementUI树形表格，可以做权限管理模块，可折叠，全选，部分全选

效果图：gitHub地址：https://github.com/Echo987/vue-tableAuthor根据花裤衩的树形表格改的：新建vue组件：/**Auth:LeiyCreated:2018/09/29-11:25Explain:根据花裤衩的表格改的,isIndeterminate属性是控制多选半选中状态，checkAll是控制全选中状态selectchecked是放置sonData1选

隔壁老王小媳妇·2020-06-29 00:20

vue+elementUI中Dialog实现组件弹框以及子父组件页面传值

弹框使用element-UI中的Dialog对话框+vue组件结合实现~~~·~定义html我的区划这是element-UI自带的标签，:visible.sync=""是用来控制显示或者隐藏状态，当dialogBiomeVisible的值为true的时候为显示，false的时候就是隐藏，这个就是自己定义的组件名；引入组件importNationalBiomefrom'./National_Biom

周金鱼啊·2020-06-29 00:32

vue.js中的v-show为什么不起使用

近日做前后端分离项目，前端vue+elementui;有两个相似的页面，有1个下拉选框，值是年，月，日，用来控制后面日期选择器要显示选择年，选择月，选择日；开始是使用v-show，在第一个页面是没有问题的

小新-shawn·2020-06-28 23:40

Vue2.0+Element UI 上线和Nginx解决跨域问题

一前言采用Vue+ElementUI开发前后端分离的项目，在开发可以使用Vue的ProxyTable解决跨域问题。但在上线部署却不能使用，可以通过Nginx的反向代理来解决。

你我青春时·2020-06-28 22:36

vue elementUI 表单校验（多层嵌套）

嵌套对象的校验项目中使用的vue+elementUI进行开发，已经用了有一段时间了，感觉表单校验是每一个前端开发人员都避免不了的需求。

weixin_34087503·2020-06-28 11:22

vue+elementui进阶之路-el-table中显示图片

1、table中显示图片2、当需要遍历图片时，不能直接使用prop绑定值3、一张图片4、多张图片转载于:https://www.cnblogs.com/congfeicong/p/11038119.html

weixin_33859231·2020-06-28 06:11

推荐频道

vue+elementUi