Vue+Element

如何用vue+element ui开发项目

vue的安装和环境配置请参考上篇博文参考上篇博文elementui是饿了么官方推荐的一个pc端ui库，结合vue一起使用可以快速开发一个精美而功能完全的页面。1.将创建好的项目拖拽入VScode，打开终端，安装elementui：输入命令：npminstallelement-ui-S2.在main.js中引入elementui:添加代码：importelementuifrom'element-ui
w_zou·2020-06-22 10:04

vue+element中引入百度地图

1.首先你需要下载npm模块,个人推荐：cnpminstallvue-baidu-map–save这样你的package.json文件就有了配置信息；2.然后在index.html文件中直接引用：ak密匙申请：送你直达例如：3.去除左下角没有百度地图的logo和版本信息，可以在index.html的样式中引入：.BMap_cpyCtrl,.anchorBL{display:none;}4.开始进入
尔嵘·2020-06-22 08:58

Vue + element 实现多选框组并保存已选id集合的示例代码

Vue+element实现列表复选框并保存已选id集合1.引用element组件多选框组，checkList为提交后台数据得数组，tableData为数据源2.初始化tableData集合3.循环遍历需要显示得值
·2020-06-22 08:00

vue获取element-ui的下拉框的值

vue+element获取下拉框的值，代码：exportdefault{name:'homeMenu',data(){return{options:[{value:'选项0',label:'保密设置'}
朽木兮·2020-06-22 00:59

vue+element ui 时间选择插件的范围控制

需求1开始时间大于等于今天，小于结束时间默认值是今天结束时间大于等于今天，大于开始时间需求2开始时间大于等于今天，并且大于指定日期，小于结束时间并且小于指定日期默认值是今天结束时间大于等于今天，并且大于指定日期，大于开始时间，小于指定日期启发：https://www.cnblogs.com/steamed-twisted-roll/p/9755651.html我的代码：需求1exportdefau
胡说八道你也信·2020-06-21 18:56

vue+element后台管理系统 侧导航点击和刷新显示高亮的问题

最进用vue+element写一个后台管理系统，遇到一个问题。
琪落枫·2020-06-21 13:02

两个Select选择器实现联动（vue+element）

2019独角兽企业重金招聘Python工程师标准>>>1.需求：点击某个设备组获取该设备组的所有的商品。2.效果图：3.实现：（1）前端//进入列表时先获取所有的设备组getAllDevice(){//获取所有的设备组getAllDevice().then(response=>{this.deviceGroups=response;})},selectGoodsByGroupId(val){//根
weixin_33828101·2020-06-21 10:33

vue+Element实现搜索功能关键字高亮（Vue开发五）

最近做了一个日志搜索的需求，要在页面上实现海量日志的关键字搜索。为了搜索更清晰，我最终实现了多条件搜索，且搜索结果的记录中的关键字全部高亮。一、实现思路1实时监控表格，实现关键字的定位；2点击搜索按钮以后，实现记录中关键字的样式变化（即高亮）。二、实现过程1搜索条件表单了解了实现思路，就让我们一起来看一下实现过程（关键位置均给了注释）查询2表格部分==>3.实时监听表格computed:{//实时
face light~·2020-06-21 09:09

循序渐进VUE+Element 前端应用开发(12）--- 整合ABP框架的前端登录处理

在用户登录界面中，我们处理用户登录逻辑代码如下所示。复制代码//处理登录事件handleLogin(){this.KaTeXparseerror:Expected'}',got'EOF'atendofinput:…this.store.dispatch(‘user/login’,this.loginForm).then(()=>{this.$router.push({path:this.redir
ting2909·2020-06-21 08:18

VUE+Element学习笔记（一）VUE+ElementUI实现登录功能

前面的话自己瞎JR捣鼓VUE+ElementUI也有些时日了，趁空想系统地记录一下。练习技术，没有比实战更好的方法了。所以想通过做一个小系统，来熟悉一下。准备工作后台的系统是我老早之前就弄过的一个Spring+Mybatis+Maven的整合，这次练习算是弄成了前后端分离。所以后台的接口我就用现成的了。有时间的话会把对Spring+Mybatis+Maven的整合也写出来。MySQL：8.0.15
HowYouth·2020-06-21 05:13

vue + element二次封装更灵活的Select组件

vue+element二次封装更灵活，更易维护的Select组件前言select下拉框组件应该是我们在做项目时用的频率比较高的组件之一了，只要涉及到查询，就少不了select下拉框，本文将介绍如何基于vue
kay_loving·2020-06-21 04:39

vue+element实现从后台获取数据动态形成表格

这篇文章是根据https://blog.csdn.net/weixin_43714266/article/details/90644450这篇网址的基础上编写的因为公司需求我需要从后端获取数据数据库数据在前端动态显示，因为每次数据在前端显示的标题和内容都不一样，我就在网上看，结果网上都是固定的数据，而且大部分是复制粘贴的，多亏我粘贴网址的博主她帮了我很大的忙。所以记录一下可以帮助有需要的人。需求是
jyq327926·2020-06-21 02:15

vue+Element左树导航右内容区页面跳转

首先在项目中添加ElementUInpmielement-ui-S修改main.js//TheVuebuildversiontoloadwiththe`import`command//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.importVuefrom'vue'importElementUIfrom'ele
bahuanlv8033·2020-06-20 23:14

在Vue+Element中，Select选项值动态从后台接口获取的实现方法

HTML部分数据部分data(){return{form:{code:'',name:''},value:'',options:[]}}接口部分asyncallmedia(){letres=awaitfetch('/v3/media/allList');res.result.forEach(element=>{this.options.push({name:element.name,code:el
小丁冲鸭！·2020-06-20 20:47

后端开发的福音，vue+element实现的vue-element-admin前台框架，开箱即用

交流qq群：672373393前端项目公开在码云：https://gitee.com/xiao_yulong/noob-admin-ui欢迎大家进群讨论！话不多说，先上效果图。项目简洁，需要实现更多功能可以自行添加主题分：黑、白主题，简约大气菜单：可自行切换横、竖菜单；菜单实现动态加载，只需修改json文件或者查询后台数据替代json视频转gif变卡、颜色也变了，将就看吧以后有时间小白会增加一些通
辰小白·2020-06-20 20:32

循序渐进VUE+Element 前端应用开发(12）--- 整合ABP框架的前端登录处理

VUE+Element前端是一个纯粹的前端处理，前面介绍了很多都是Vue+Element开发的基础，从本章随笔开始，就需要进入深水区了，需要结合ABP框架使用（如果不知道，请自行补习一下我的随笔：ABP
伍华聪·2020-06-19 10:00

循序渐进VUE+Element 前端应用开发(11）--- 图标的维护和使用

在VUE+Element前端应用中，图标是必不可少点缀界面的元素，因此整合一些常用的图标是非常必要的，还好Element界面组件里面提供了很多常见的图标，不过数量不是很多，应该是300个左右吧，因此考虑扩展更多图标
伍华聪·2020-06-18 16:00

循序渐进VUE+Element 前端应用开发(10）--- 基于vue-echarts处理各种图表展示

基于图表的处理，我们一般往往都是利用对应第三方的图表组件，然后在这个基础上为它的数据模型提供符合要求的图表数据即可，VUE+Element前端应用也不例外，我们这里使用了基于vue-echarts组件模块来处理各种图表
伍华聪·2020-06-15 12:00

VUE+Element UI实现表格行内编辑

VUE+ElementUI实现简单的表格行内编辑介绍关于VUE+ElementUI实现简单的表格行内编辑效果（即点击相应的行后，实现当前行的编辑），这个功能的实现可以用于编辑的时候，涉及少数内容的编辑，并且还有一个好处是不用新弹出一个窗口进行编辑，这就节省了一定的代码量。实现这一功能是借鉴了网上的一篇博客行内编辑效果，原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示。
jiaoのpan·2020-06-12 10:50

循序渐进VUE+Element 前端应用开发(9）--- 界面语言国际化的处理

VUE+Element前端应用实现国际化的处理还是非常方便的，一般在Main.js函数里面引入语言文件，然后在界面上进行一定的处理，把对应的键值转换为对应语言的语
伍华聪·2020-06-09 14:00

循序渐进VUE+Element 前端应用开发(8）--- 树列表组件的使用

在我前面随笔《循序渐进VUE+Element前端应用开发(6）---常规Element界面组件的使用》里面曾经介绍过一些常规的界面组件的处理，主要介绍到单文本输入框、多文本框、下拉列表，以及按钮、图片展示
伍华聪·2020-06-06 08:00

循序渐进VUE+Element 前端应用开发(7）--- 介绍一些常规的JS处理函数

在我们使用VUE+Element处理界面的时候，往往碰到需要利用JS集合处理的各种方法，如Filter、Map、reduce等方法，也可以涉及到一些对象属性赋值等常规的处理或者递归的处理方法，以前对于这些不是很在意
伍华聪·2020-06-05 16:00

Django+Vue+Element UI前后端分离搭建以及部署流程

一、简介DjangoRestFramework只提供后端Api接口Vue+Element作为前端请求接口获取数据并渲染部署使用：Django+python3+Pipenv+Gunicorn+Nginx+
小朋友你是否有很多的问号·2020-06-04 17:42

Vue+Element 踩坑记录

Vue+Element踩坑1.获取后台返回的数据，是个数组，循环后展示出来{{item.assetNo}}2.
jane_panyiyun·2020-06-03 17:00

循序渐进VUE+Element 前端应用开发(6）--- 常规Element 界面组件的使用

1、列表界面和其他模块展示处理在前面随笔《循序渐进VUE+Element前端应用开发(5）---表格列表页
伍华聪·2020-06-02 17:00

循序渐进VUE+Element 前端应用开发(5）--- 表格列表页面的查询，列表展示和字段转义处理

在我们一般开发的系统界面里面，列表页面是一个非常重要的综合展示界面，包括有条件查询、列表展示和分页处理，以及对每项列表内容可能进行的转义处理，本篇随笔介绍基于Vue+Element基础上实现表格列表页面的查询
伍华聪·2020-06-01 11:00

vue+element 子父组件传值

1.子传父（弹窗）首先得有弹窗，实现方式：父组件：添加用户//挂载组件******省略一堆代码*****//引入子件弹框importsaveUserfrom"@/****/****/****"//引入挂载的组件在components中定义saveUser//挂载的组件名称在data中定义showSaveUser：false//默认不可见在methods中定义saveUser方法saveUser（）
膨胀的泡·2020-05-31 09:29

循序渐进VUE+Element 前端应用开发(4）--- 获取后端数据及产品信息页面的处理

在前面随笔《循序渐进VUE+Element前端应用开发(3）---动态菜单和路由的关联处理》中介绍了在Vue+Element整合框架中，实现了动态菜单和动态路由的处理，从而可以根据用户角色对应的菜单实现本地路由的过滤和绑定
伍华聪·2020-05-29 11:00

Vue+Element 创建登录Demo

熟悉了Vue的加载逻辑，那么现在来做一个用户登录页面吧:)做页面的话就需要选择一个UI库，我这里选用的是Element，原因是ElementUI在GitHub上是使用人数最多的，开发团队人员多，bug修复的快。Element官网地址：Element-网站快速成型工具具体使用可以参照官网开发文档1.安装Element使用命令安装elementnpmielement-ui-S关于这个命令这里有必要说下
唯有葵花向日倾Sandy·2020-05-28 16:20

vue+element使用vue-i18n实现国际化，包括element中组件的国际化

安装vue-i18nnpminstallvue-i18n在main.js同级目录建立如下i18n文件夹，此处只演示中英文，如需其他语言同理新增相应语言js文件夹和element的语言包并配置好即可。cn.js中文件内容：//cn.jsimportzhLocalefrom'element-ui/lib/locale/lang/zh-CN'//element组件中文语言包constcn={index:
RussW0·2020-05-28 16:19

Vue中组件开发不能实时传参问题

描述本人在Vue+Element开发中遇到一个奇怪的问题，element-dialog中包含一个自写的组件不能及时获取传参的变量，得到的是更改之前的数据。这让我感到无比蛋疼。。
Msx云南人·2020-05-28 14:34

循序渐进VUE+Element 前端应用开发(3）--- 动态菜单和路由的关联处理

Winform混合框架、Bootstrap开发框架等系列产品中，我都倾向于动态配置菜单，并管理对应角色的菜单权限和页面权限，实现系统对用户权限的控制，菜单一般包括有名称、图标、顺序、URL连接等相关信息，对于VUE
伍华聪·2020-05-27 12:00

循序渐进VUE+Element 前端应用开发(2）--- Vuex中的API、Store和View的使用

在我们开发Vue应用的时候，很多时候需要记录一些变量的内容，这些可以用来做界面状态的承载，也可以作为页面间交换数据的处理，处理这些内容可以归为Vuex的状态控制。例如我们往往前端需要访问后端数据，一般是通过封装的WebAPI调用获取数据，而使用Store模式来处理相关的数据或者状态的变化，而视图View主要就是界面的展示处理。本篇随笔主要介绍如何整合这三者之间的关系，实现数据的获取、处理、展示等逻
伍华聪·2020-05-25 17:00

Vue+Element中的表格根据属性值来渲染不同的样式

//两种状态的判断{{scope.row.status===1?'男':'女'}}//三种状态的判断         {{scope.row.status==0?'已过期':scope.row.status===1?'授权':'未授权'}}   
BoBoAn0254·2020-05-25 16:34

循序渐进VUE+Element 前端应用开发(1）--- 开发环境的准备工作

之前一直采用VS进行各种前端后端的开发，随着项目的需要，正逐步融合纯前端的开发模式，开始主要选型为Vue+Element进行BS前端的开发，后续会进一步整合Vue+AntDesign的界面套件，作为两种不同界面框架的展现方式
伍华聪·2020-05-25 11:00

vue+Element中table表格实现可编辑（select下拉框）

最近在工作中遇到一个问题，需要在表格中实现数据可编辑状态，具体情况是需要在单元格里加入下拉框；并且每个下拉框的数组数据是不一样的，具体是根据当前行前面数据的id查询而来，前面的是数据是动态生成的，后面的下拉框数据也是根据id动态生成的，内容不同；有点类似于树形二级状态，后面的下拉框数据来源并没有在前面内容里，而是另外一个接口查询，具体操作如下：HTML代码：1.在处理人列加入一个下拉框模板，其中v
·2020-05-21 11:47

[cesium] 基于vue+element的三维gis示例

个人三维示例服务发布了！！前言将之前的的三维示例重构了一下，使用vue集成，修改了部分插件支持最新版由于服务挂在gitee上速度较慢没有部署具体示例。效果各种底图和高精度地形示例地图基础控件和数据展示三维材质和效果三维效果和部分功能空间分析和数据可视化案例示例示例地址:码云使用gis账号查看
啊嘞嘞嘞嘞·2020-05-12 17:27

vue+element ui 实现菜单无限极分类

需后端返回数据结构如下:后端实现方法可参考:菜单栏数据递归实现[{"id":1,"parent_id":0,"menu_name":"第一级菜单1","sorting":0,"node":[{"id":2,"parent_id":1,"menu_name":"第二级菜单1-1","sorting":0,"node":[{"id":3,"parent_id":2,"menu_name":"第三级菜单
oryxtc·2020-04-10 04:55

详解树状结构图 vue-org-tree

最近公司项目（Vue+Element）需求有用到tree，所以呢我去网上找了很多插件，都不是很符合我的要求。
疯狂的严先生·2020-03-26 13:00

详解树状结构图 vue-org-tree

前言最近公司项目（Vue+Element）需求有用到tree，所以呢我去网上找了很多插件，都不是很符合我的要求。
悲伤日记·2020-03-26 11:45

vue+element 实现商城主题开发的示例代码

本文介绍了vue+element实现商城主题开发的示例代码，分享给大家，具体如下：店铺街$set(theme,'shopStreetImg',res)":value="theme.shopStreetImg
金科·2020-03-26 10:00

vue+element 后台管理系统模板

网址:https://wxyfc.github.io/management-system/#/login，账号:admin密码:admin直接点击登录即可GitHub--->https://github.com/wxyfc/management-system技术栈:Vue+Vue-Router+Vuex+ElementUI功能简介:1.静态路由,动态菜单,路由权限,可以根据后端返回的不同字段灵活判
_不惧岁月长·2020-03-24 01:44

在VUE+ELEMENT开发中如何快速渲染表单

最近使用VUE+ELEMENT-UI开发项目是总结了如何在表单过多的情况下快速渲染表单的方法。首先在需要渲染的，标签里面绑定:model为一个对象里面是表单内部需要监控的数据。例如：deviceForm:{dbDevicecode:null,//设备编码dbDevicename:null,//设备名称dbIp:null,//IPdbPort:null,//端口dbLoginname:null,//
07381e4e5519·2020-03-15 22:53

vue+element tree ----增加修改删除上下移动

vue+elementtree----增加修改删除上下移动参见https://blog.csdn.net/SQY_candy/article/details/83448329添加父节点确定取消exportdefault{name:"tree1",data(){return{filterText:'',treeData:[{id:1,label:'一级1',isEdit:false,children
若水亦城空·2020-03-12 14:24

在Vue中实现随hash改变响应菜单高亮

情景Vue+Element实现管理页面菜单栏，点击菜单时router改变hash访问不同子组件。但是改变hash时菜单栏展开状态和highlight并不会同步，需要手动实现。
Gavrain·2020-03-09 08:31

在Vue中实现随hash改变响应菜单高亮

情景Vue+Element实现管理页面菜单栏，点击菜单时router改变hash访问不同子组件。但是改变hash时菜单栏展开状态和highlight并不会同步，需要手动实现。
Gavrain·2020-03-08 20:16

vue+element 中 el-input框 限制 只能输入数字及几位小数(自定义)和输入框之键盘

下布转数保底转数单价(元/转)保底工资加机费//双向绑定输入框（下布转数、保底转数、单价(元/转)、保底工资、加机费）-限制输入changeSalary(row,index,type){this.$nextTick(()=>{//先把非数字的都替换掉(空)，除了数字和.this.clothProduceData[index][type]=this.clothProduceData[index][t
xxxpjgl·2020-03-05 18:49

vue+element 中 el-input框 限制 只能输入数字及几位小数(自定义)和输入框之键盘

下布转数保底转数单价(元/转)保底工资加机费//双向绑定输入框（下布转数、保底转数、单价(元/转)、保底工资、加机费）-限制输入changeSalary(row,index,type){this.$nextTick(()=>{//先把非数字的都替换掉(空)，除了数字和.this.clothProduceData[index][type]=this.clothProduceData[index][t
xxxpjgl·2020-03-05 18:36

七、Vue+Element开发后台主体界面（即页眉、左侧、右侧）

ElementUI是一套采用Vue2.0作为基础框架实现的组件库，它面向企业级的后台应用，能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本。今天我就把实际运用中的布局跟大家说一下，希望对大家有用。今天我主要讲的是登录后的布局界面，原来我们都是用frameset布局，现在我们要用Element看看如何实现。界面截图这种布局用frameset可以这么写：那么我们如何用Element来写呢，具体
陈楠酒肆·2020-02-28 13:57

vue+element 将图片压缩并转换成base64上传图片

一：我用的是具有拖拽功能的上传图片的组件：点击上传，或者拖拽图片至该位置，图片大小2MB以内二：上传图片，因为要限制图片的格式，还要转换成base64，所以我用的http-request参数，这个参数可以覆盖覆盖默认的上传行为，可以自定义上传的实现:图片小的话，转换成base64可以成功上传，但是图片超过1.5M的转换成base64上传不成功，后台说我没有传给他参数，我后来了解了一下，说是超过1.
apple_6·2020-02-27 02:39
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他