vue+elementUi

vue+elementUI踩坑

关于elementUI日期组件：当通过不同的日期下拉框来控制显示不同的日期组件的时候，会发现日期组件错位,跑到屏幕左上方去了研究一番发现,我在不同的日期组件使用v-if显示的，改为v-show即可表格show-overflow-tooltip：在设置表格内容多余时，鼠标悬停提示的提示框样式：在通用css中设置.el-tooltip__popper{max-width:80%;line-height
红绿鲤鱼·2019-09-02 15:47

vue+elementUI 表格增删改查

看到网上的增删改查度用了接口，但是这个我没接触，不太懂；还有其他的增删改查是前后台结合，认为这个的增删改查很棒也好写点。我写的这个增删改查是纯前端的，无接口，无后台。若之后写了在更新1、删：选中一行数据，然后进行删除HTML：删除JShandleDelete(index,row){this.$confirm('此操作将永久删除该数据,是否继续?','提示',{confirmButtonText:'
dengdengchen·2019-08-29 10:04

Vue+ElementUI项目使用webpack输出MPA

【摘要】Vue+ElementUI多页面打包改造示例代码托管在：http://www.github.com/dashnowords/blogs一.需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页
华为云·2019-08-27 15:16

Vue+ElementUI项目使用webpack输出MPA的方法

一.需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面打包为单页后，入口html文件需要定制命名，且脚本和样式文件需要放在指定的路径下，公共资源地址也必须替换成特殊字符以适配母系统的调用逻辑（比如下面结构中应用jquery.min.js的路径可能是{{publicRoot}}/{{publ
大史不说话·2019-08-27 08:05

Vue+ElementUI项目使用webpack输出MPA

目录一.需求分析二.原方案分析三.多页面改造3步走四.小结示例代码托管在：http://www.github.com/dashnowords/blogs博客园地址：《大史住在大前端》原创博文目录华为云社区地址：【你要的前端打怪升级指南】一.需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面
大史不说话·2019-08-26 21:00

Vue+ElementUI项目使用webpack输出MPA

目录一.需求分析二.原方案分析三.多页面改造3步走四.小结示例代码托管在：http://www.github.com/dashnowords/blogs博客园地址：《大史住在大前端》原创博文目录华为云社区地址：【你要的前端打怪升级指南】一.需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面
weixin_30505751·2019-08-26 21:00

vue+elementui表格分页

exportdefault{data(){letitem={date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518路'};lettestData=Array(20).fill(item);return{total:20,//数据总条数,后端化,自动决定页数,不会让数组越界的pageSize:6,//显示数据条数currentPage:1,//初始页
农林水产仓库·2019-08-20 16:00

VUE+ElementUi基础框架导入自己的ico图标

小明的个人博客在vue框架中使用ElementUi组件,某些时候在ElementUi库里找不到合适自己的ico图标怎么办呢~1：打开阿里巴巴矢量图网站,注册登录点我打开注册登录创建项目2：搜索自己喜欢的图标右上角根据关键字搜索,这个资源站的图标很多,选择一个喜欢的图标,加入到购物车进入购物车,将图标加入到项目中点击下载到本地,将压缩包里的内容复制到你的项目中,压缩包里的内容大致是如下图3：在Ele
一个傻乎乎的少年·2019-08-20 15:07

vue+elementUI实现图片上传功能

本文实例为大家分享了vue+elementUI图片上传的具体代码，供大家参考，具体内容如下1、html2、定义dialogImageUrl:'',imgDialogVisible:false,fileLists
Adonis_D_Gogh·2019-08-20 10:22

vue+elementUi图片上传组件使用详解

上传组件封装需求分析在基于elementUI库做的商城后台管理中，需求最大的是商品管理表单这块，因为需要录入各种各样的商品图片信息。加上后台要求要传递小于2M的图片，因此封装了一个upload.vue组件作为上传页面的子组件，它用于管理图片上传逻辑。upload.vue解析upload主要用于实现表单上传图片的需求，主要由input+img构成当没有图片的时候显示默认图片，有图片则显示上传图片，因
情破·2019-08-20 10:58

利用anywhere搭建本地服务器环境

最近做的一个项目前端是vue+elementUi的,第一次用vue，踩了不少坑...最近一个问题就是明明本地运行是没有任何问题的，偏偏打包发测试环境后，样式就不对了，有些按钮也不能点击了。
当偶唱起这首歌·2019-07-26 15:28

Vue+Element UI 实现视频上传

前台使用Vue+ElementUI中的el-upload组件实现视频上传及进度条展示，后台提供视频上传API并返回URL。
Crazy Struggle·2019-07-24 10:00

时空之门前端代码生成器公布，动词算子式代码生成器阵列的通用前端解决方案

时空之门使用Vue+ElementUI为架构，其代码生成物基于优秀的开源软件vue-ele
jerry_shen·2019-07-21 15:00

管理系统之权限的设计和实现

基本设计和分析前端vue+elementui服务端:node+mysql+nginx主要功能打开思否页面，根据页面的功能点，设计出相关的数据表，和管理系统需要的相关页面。
我在长安长安·2019-06-27 00:00

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

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

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

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

第三代动词算子式代码生成器：光SBMEU 1.0.0支持前后端两个项目同时生成，支持Vue+ElementUI前后端分离界面

阅读更多第三代动词算子式代码生成器：光SBMEU版，已支持生成Vue前端，同时生成前端后端两个项目。项目地址：https://gitee.com/jerryshensjf/LightSBMEU第三代动词算子式代码生成器：光SBMEU版简介第三代动词算子式代码生成器：光SBMEU版，采用Maven,EasyUI,SpringBoot2,ＭyBatis,MariaDB技术栈欢迎大家使用由无垠式，和平之
jerry_shen·2019-06-16 16:00

一、VUE项目BaseCms系列文章：项目介绍与环境配置

这个系列文章的目的就是记录自己搭建整个管理后台的过程，希望能帮助到那些入门vue+elementui开发的小伙伴。
similar·2019-06-15 12:00

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

本文实例为大家分享了vueelementUI表格关键字筛选高亮的具体代码，供大家参考，具体内容如下代码：筛选：exportdefault{data(){return{search:'',tableData:[{date:'2016-05-02',name:'张三',address:'上海市普陀区金沙江路1518弄'},{date:'2016-05-04',name:'李四',address:'上海
木子Leo·2019-05-28 14:58

【Vue】开发了一个半月的 Vue 项目以及团队协助心得体验

写在前：公司开发新产品，前端Vue+ElementUI，后端SpringBoot+activit，本文大致分为以下三点：一，从Vue生态来看前景二，开发过程中遇到的问题三，团队协作一，从Vue生态来看前景
程序员阿喵·2019-05-23 11:28

vue+ElementUi 选择框选中之后翻页进行状态保持。及默认选中

复选框{returnrow.classId}"@selection-change="handleSelectionChange"style="width:100%">//切换分页持久化选中表格:row-key="(row)=>{returnrow.classId}":reserve-selection="true"//@selection-change会返回所有选中的数据//@select会返回所
late·2019-05-22 00:00

Vue+ElementUI学习总结

Vue框架简介Vue是一套构建用户界面的框架，开发只需要关注视图层，它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel）设计思想。提供MVVM数据双向绑定的库，专注于UI层面vue设计思想View就是DOM层，ViewModel就是通过newVue()的实例对象，Model是原生js。开发者修改了DOM，ViewModel对修改的行为进行监听
MysticBoy·2019-05-19 16:47

vue+elementUI实现表单和图片上传及验证功能示例

本文实例讲述了vue+elementUI实现表单和图片上传及验证功能。
辣姐什么鬼·2019-05-14 11:40

Vue+ElementUI小知识点(日常更新)

Vue小知识点(日常更新)一、element-ui:this.$confirm确定框内容换行显示1、效果图2、推荐博客：地址：https://blog.csdn.net/weixin_43609391/article/details/84971430二、vue页面解析带HTML标签数据1、效果将数据中HTML标签解析成HTML效果(如将解析成换行效果)2、博客推荐地址：https://www.cn
CoderYin·2019-05-11 10:09

Vue+ElementUI小知识点(日常更新)

Vue小知识点(日常更新)一、element-ui:this.$confirm确定框内容换行显示1、效果图2、推荐博客：地址：https://blog.csdn.net/weixin_43609391/article/details/84971430二、vue页面解析带HTML标签数据1、效果将数据中HTML标签解析成HTML效果(如将解析成换行效果)2、博客推荐地址：https://www.cn
CoderYin·2019-05-11 10:09

和第三代动词算子式代码生成器光配合的前后端分离示例代码

阅读更多和第三代动词算子式代码生成器光配合的前后端分离示例代码和GenerateSample示例配合的Vue+ElementUI前端示例代码已发布，未来的生成的前端界面将基于此代码，从vue-element-admin
jerry_shen·2019-05-07 20:00

和第三代动词算子式代码生成器光配合的前后端分离示例代码

阅读更多和第三代动词算子式代码生成器光配合的前后端分离示例代码和GenerateSample示例配合的Vue+ElementUI前端示例代码已发布，未来的生成的前端界面将基于此代码，从vue-element-admin
jerry_shen·2019-05-07 20:00

详解Vue+ElementUI从零开始搭建自己的网站（一、环境搭建）

VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vue作为前端框架，vuejs轻量、简单，对于前端友好，学习路线平坦，这使得前端开发变得更加简易，而基于vuejs的前端组件库也越来越多。其中ElementUI，就是饿了么团队开发的一款基于vue的前端组件库。构建网站的必备环境：NodeJS（npm）Webstorm（前端IDE）Nginx（后期用来转发请求到后台服务器）由于我们
极地雪狼li·2019-04-30 09:55

和平之翼代码生成器SMEU版4.0.0 RC宝船候选版发布

和GenerateSample示例配合的Vue+ElementUI前端示例代码已发布，未来的生成的前端界面将基于此代码，从Vue-element-admin派生，感谢原作者的作
jerry_shen·2019-04-21 16:00

和平之翼代码生成器SMEU版4.0.0 RC宝船候选版发布

和GenerateSample示例配合的Vue+ElementUI前端示例代码已发布，未来的生成的前端界面将基于此代码，从Vue-element-admin派生，感谢原作者的作
jerry_shen·2019-04-21 16:00

在vue+elementUI项目中使用分页功能

图1.需要用到的属性图2.需要用到的事件数据管理用户列表exportdefault{data(){return{currentPage:1,//初始页pagesize:10,//每页的数据userList:[]}为了测试方便，直接采用handleUserList中赋值的静态数据进行分页显示。created(){this.handleUserList()},methods:{//初始页current
Fastrider·2019-04-19 08:47

和平之翼代码生成器SMEU版配套的Vue ElementUI前后端分离界面公布

阅读更多和平之翼代码生成器SMEU版配套的VueElementUI前后端分离界面公布和GenerateSample示例配合的Vue+ElementUI前端示例代码已发布，未来的生成的前端界面将基于此代码
jerry_shen·2019-04-17 11:00

和平之翼代码生成器SMEU版配套的Vue ElementUI前后端分离界面公布

阅读更多和平之翼代码生成器SMEU版配套的VueElementUI前后端分离界面公布和GenerateSample示例配合的Vue+ElementUI前端示例代码已发布，未来的生成的前端界面将基于此代码
jerry_shen·2019-04-17 11:00

基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)

前言开发过程中遇到了一个需求，根据用户选择的联系方式，动态改变输入框的检验条件，并且整个表单是可以增加的在线访问:动态表单校验github(欢迎star):https://github.com/Mrblackant...思考几个问题1.整个表单是可新增的，所以要遍历生成；2.联系方式(手机/座机)的切换，是要切换后边不同类型输入框还是只改变校验规则(本篇是动态改变校验规则)实现1.elementu
大师兄·2019-04-04 15:46

关于elementUi tab组件路由跳转卡死问题

项目：Vue+elementUi后台管理项目问题描述：登录后首次通过侧边栏路由跳转到主页面有tab组件的页面，页面卡死。。。问题解决：虽然定位到了问题，但真心不知道是什么引起的。。
weixin_30781107·2019-03-27 15:00

基于vue+elementUI实现的三级菜单

实现效果如下三级菜单效果图砰砰砰！！！听说不贴代码的博客都是耍流氓(复制即用，请叫我雷锋)数据源list:[{path:"/1",name:"导航一",icon:'el-icon-menu',children:[{path:"/1/1",name:"导航1-1",icon:'el-icon-menu',children:[{path:"/1/1/1",name:"导航1-1-1",icon:'el
微little·2019-03-26 11:41

Vue+elementUi使用el-dialog弹框

使用elementUi组件库首先将子组件引入父组件中并且下放也要import进来：还要在components中注册子组件，并且在props中添加如下图：新增watch方法监听；其中的restData(){}是自己定义的在每次关闭弹框时重置弹框中数据的方法，此外return中先将copyEmployeeVisible置为false即默认不展示：当然父页面中其他地方需要触发弹出或者关闭弹框时只需要改变
L_WalkingPig·2019-03-22 17:39

vue+elementui中的el-table中拼接接口返回的两个字段的数据并展示

最近刚学Vue，使用的elementui组件库，用到了table表格组件标签遇到个问题就是其中有个要展示的数据来自接口返回的两个字段原用法是：原以为prop=""中只能放一个字段的数据,想放两个字段数据的话，要把标签再用标签包裹才行如下：{{scope.row.projectName}}({{scope.row.projectCode}})记得原来标签中的prop=""中放两个字段名哈~还有中的s
L_WalkingPig·2019-03-21 20:19

VUE + ElementUI浏览器本地导入解析Excel（不上传至服务器）

VUE+ElementUI浏览器本地导入解析Excel（不上传至服务器）。
HTouying·2019-02-28 19:17

VUE + ElementUI浏览器本地导入解析文本文件（不上传至服务器）

VUE+ElementUI浏览器本地导入解析文本文件内容（不上传至服务器）。
HTouying·2019-02-28 15:09

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

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

vue+elementui dropdown 下拉菜单绑定方法

原文链接：http://www.cnblogs.com/tutao1995/p/10394527.html方法一：给el-dropdown根组件监听command，再el-dropdown-item绑定commandshuxing值。methods内详细写监听对应的方法handleCommand(command){if(command=='loginOut'){this.$confirm('are
done1898·2019-02-18 11:00

Vue+Element UI+Lumen实现通用表格分页功能

前言最近在做一个前后端分离的项目，前端使用Vue+ElementUI，而后端则使用Lumen做接口开发，其中分页是必不可少的一部分，本文就介绍如何基于以上环境做一个简单、可复用的分页功能。
4Ark·2019-02-02 10:51

vue+elementui项目折叠菜单再展开有白框问题

博主在使用vue+elementui实战过程中制作了一个折叠菜单功能，可以把菜单压缩宽度。
Arlisol·2019-01-31 23:08

vue+elementui项目折叠菜单再展开有白框问题

博主在使用vue+elementui实战过程中制作了一个折叠菜单功能，可以把菜单压缩宽度。
Arlisol·2019-01-31 23:08

程序员如何快速接手了解一个新项目-前端部分

首先，先看一个项目前端用的什么框架，比如，dojo+jquery、vue+elementUI、jquery+layui,等等一般一个网站系统都会有一个主界面，包含左侧菜单，顶部header等，其他的子页面都是嵌套在外面大的页面里面
铁汉柔情li·2019-01-31 14:20

Vue实现远程获取路由与页面刷新导致404错误的解决

一、背景先简单介绍一下现在项目情况：前后端分离，后端服务是Java写的，前端是Vue+ElementUI。
madfrag·2019-01-31 10:56

全国省级地级县级行政区sql与json数据

（后面会更新json数据），本人前端使用的是vue+elementUi框架，若有同样的，可以直接使用该dataJSON，若有其他格式需要，可以下方留言。
hu_beliefs·2019-01-20 11:27

Vue+elementUi模板

https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85
Sir_He·2018-12-31 12:12

VUE+ElementUI模式下，实现菜单的显示与隐藏

我们的前端环境是vue+ElementUI的，查阅了官网案例http://element-cn.eleme.io/#/zh-CN/component/collapse只找到了Collapse折叠面板，由于里面一些组件是写死的
csdn_jy·2018-12-27 16:55
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他