vue+elementUi 第18页

解决vue+elementui项目打包后样式变化问题

博主刚刚解决了index.html空白问题，刚打开项目页面又发现了样式出现了大问题，样式与开发版本有很大不同，有些样式没有生效。利用搜索引擎，找到了问题所在以及解决办法：main.js中的引入顺序决定了打包后css的顺序，组件内的样式没有生效可能是被第三方组件样式覆盖了，所以把第三方组件放在前面引入，router放在后面引入，就可以实现组件样式在第三方样式之后渲染。代码如下：main.js//Th

·2020-08-03 11:58

Vue+ElementUI 表格超链接跳转 | Vue路由跳转（带参数）

Vue+ElementUI表格超链接跳转|Vue路由跳转（带参数）场景描述：从/projcect/action页面，点击表格中的项目名称，跳转至/project/item页面，页面展示该项目下的分项信息详解

Book_B·2020-08-02 15:36

Vue+ElementUI 实现三级省市联动(附带数据)

HTML部分：js部分：datamethods方法部分计算属性computedcomputed:{getTotal(){returnthis.myCarts.reduce((a,b)=>{returna+b.price*b.quantity;},0);},getAddressProvince(value){value=this.form.addressProvince;for(yinthis.Ci

Mr Kwan·2020-08-02 13:45

Vue+Element UI开发后台管理系统之动态路由相关问题总结

Vue+ElementUI开发后台管理系统之动态路由相关问题总结摘要这段时间一直在搭建移动端APP基础信息管理的PC端后台管理系统，主要功能含人员基础信息维护/人员组织维护/人员权限管理/APP应用数据导入导出等

mingyong.g·2020-08-01 16:42

vue+elementUI的el-table分页+选中事件问题+参数变化页面不刷新问题

elementUI的el-table单选不是radio单选框，而是highlight形式的，不过这不影响。下面给出我的分页+单选事件代码：其中脚本代码中要预置datadata(){return{//总数据tableData:[],//默认显示第几页currentPage:1,//总条数，根据接口获取数据长度(注意：这里不能为空)totalCount:1,//个数选择器（可修改）//pageSize

841只·2020-08-01 14:25

vue+elementui中input框动态更改placeholder

当时项目需求是做一个下拉选择框当我选择下拉框的任意一个值的时候，下面的input的placeholder会提示。注意点：要在data中定义holder然后用到wacth方法，监听select的变化。watch:{newtypeValue:function(){if(this.newtypeValue==='0'){this.holder='无事件'}elseif(this.newtypeValue

皮卡丘Pikachu·2020-08-01 12:08

关于使用Vue+Element UI时输入框太小无法更改宽度

关于使用Vue+ElementUI时输入框太小无法更改宽度公司项目前端使用的是vue+elementui,需求完成后产品那边让改输入框，下拉选，还有时间框的宽度**注意：**不是尺寸不是elementui

淡若清风丶·2020-08-01 11:39

Vue+ElementUI: 手把手教你做一个audio组件

目的本项目的目的是教你如何实现一个简单的音乐播放器（这并不难）本项目并不是一个可以用于生产环境的element播放器，所以并没有考虑太多的兼容性问题本项目不是ElementUI的一个音频插件，只是一个教程，不过你可以自行扩展实现本项目只是为了学习audio相关事件以及API本项目的音频文件是位于static/falling-star.mp3，歌曲名为：星球坠落Live艾热、李佳隆查看在线demo:

weixin_34417183·2020-08-01 09:37

vue+ElementUI 日期选择器获取时间戳

daterange主要按钮在data里面写value9:''v-model了嘛上面是从ElementUI里面粘过来的:default-time作用是限定你选择的时间范围吧如果你选择5月1日至5月2日默认传回来的一个是5月1日00:00:00，另一个是5月2日00:00:00不知道是不是我骚错了value-formate="timestamp"加上这个属性的作用是将返回你选择的日期的时间戳获取选择

aican1592·2020-08-01 09:16

vue+elementUI日期选择器实现选择日期，自动对应周几，并且是包含所选择日期的一周的日期

vue+elementUI日期选择器实现选择日期，自动对应周几之前在公司的项目里面遇到这个问题，如今想起来在这里总结一下，如果有更好的方法，请各位大神多多指教。

猫弦de汪·2020-08-01 09:40

vue+elementui编辑问题bug

1.需求a.基本信息默认展示8项，当8项填写完值，在点击编辑，现在新增的选项，选中几个页面显示几个。b.实现思路后台返回默认字段是数组里一个个对象list，编辑弹框选中字段也是数组里一个个对象arr，分别抽取list和arr里某个对象属性。得list1和arr1。遍历list1：arr2.forEach((item,index)=>{if(list2.indexOf(item)!==-1){lis

xiaoxiaoxiao_lu·2020-08-01 07:33

Spring boot 整合vue

1.场景(1)原先我们的的项目是前后端分离的项目,前端是vue+elementUI,后端是springboot开发的.(2)开发完成后,后端部署在tomcat,前端部署在nginx,完美运行(3)为了方便部署

weixin_45341113·2020-08-01 06:05

vue+elementUI实现tab路由切换

vue+elementUI实现tab路由切换这个tab其实实现很久了,已经在我好几个项目中使用了，很早之前就想记录下来的，一直拖拖拖到现在emmmm…最开始写这个tab的时候去看了很多篇实现tab的文章

建一座城，容一个人·2020-08-01 05:04

关于vue加elementUi编辑时间控件报错 value.getTime is not a function

vue+elementUI做管理系统一直是前端工程师不错的选择，在系统中，难免会有新增和编辑的功能，如图，一般在编辑的时候，都是直接调用新增的弹框，不会新增写一个弹框，编辑写一个弹框，调新增弹框的时候，

谭小谭·2020-08-01 05:51

vue的表单编辑删除，保存取消功能

（心将塞未塞，欲塞未满）VUE+ElementUI的表单编辑，删除，保存，取消功能VUE的表单当然，表单还有下拉选择框，radio表单等，在下面这个ElementUI官方组件http://element-cn.eleme.io

weixin_30575309·2020-08-01 03:12

vue表单验证自定义验证规则

这是公司里Vue+ElementUI的项目。

骑喵的汪星人·2020-07-31 23:33

页面缩放导致滚动加载失效

项目背景vue+elementui项目，列表页面滚动加载数据产生问题当页面缩放时会导致初始化页面滚动条不存在，无法滚动加载数据解决方法当不存在滚动条时利用滚轮事件代替滚动条事件，滚动条出现恢复滚动事件（

前端学习者小白·2020-07-31 23:22

Invalid prop: type check failed for prop "router". Expected Boolean, got String with value "true".

环境：Vue+ElementUi描述：在使用ElementUI的菜单导航时报错错误信息：Invalidprop:typecheckfailedforprop“router”.ExpectedBoolean

Dreamy_Lois·2020-07-31 23:49

vue+elementUI的Tooltip组件显隐可控

1、使用自定义组件ExTooltipimportExTooltipfrom'@/components/ExTooltip'exportdefault{components:{ExTooltip},name:'exTooltip',data(){return{overflowData:'超长的',normalData:'正常'}}}.wrapper{/deep/.content{width:24px

qq_36716000·2020-07-31 22:48

Vue+elementUI表单正则校验

Vue+elementUI表单正则校验数字校验varcheckNumber=(rule,value,callback)=>{ if(value&&value!

辣姐什么鬼·2020-07-31 19:45

饿了么组件库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

推荐频道

vue+elementUi