Vue+Element

循序渐进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

Vue2 后台管理系统解决方案

github地址：https://github.com/lin-xin/manage-systemdemo地址：http://work.omwteam.com/前言之前在公司用了Vue+Element组件
爵爷_PM·2020-02-16 21:09

Vue2 后台管理系统解决方案

github地址：https://github.com/lin-xin/vue-manage-systemdemo地址：lin-xin.gitee.io/example/work/前言之前在公司用了Vue
linshuai·2020-02-12 12:21

Vue中qs插件的使用详解

之前用Vue+element写了一个后台管理系统，在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度，发现原因是传递参数要将参数序列化。
尘生杜若丶·2020-02-07 14:02

vue + element 中对同一个页面多个富文本插件vue-quill-editor的使用

今天是2020年2月1日，受疫情的影响，今天是延迟上班的第二天，趁这个空闲学习一下vue+element。安装用的这位同学写的，我觉得写的挺好的。
我的一个道姑朋友·2020-02-02 07:33

Vue+element实现todo（五）

（一）计算属性我们想要在页面下方统计全部数量，未完成数量以及已完成的数量，就要用到计算属性complted，这个属性的存在是因为在模板中放入太多的逻辑会让模板过重且难以维护，So...返回全部数量很简单，直接获取list的长度就好了，image.png接下来是获取完成数量的长度，利用了filter，filter这个函数就是要根据某个检测函数去列表中筛选出符合检测要求的结果，因为要筛选done=tr
快親我一下·2020-01-08 11:43

vue+element 实现通过控制checkbox让el-table-column显示或隐藏

本人初级前端渣渣，最开始拿到这个需求的时候走了很多弯路，在网上查阅了很多资料，看了很多别人写的demo，但是没有找到一种适合的，后来看到了csdn上一位博主做的类似的案例，地址https://blog.csdn.net/xingbipai5492/article/details/89705665该实现方式是把循环column的值的lebelpush进checkbox数据绑定的数组然后el-tabl
kenToHayasi·2020-01-07 12:12

一个基于Vue+Element的通用后台管理系统

项目简介基于Vue+Element的通用后台管理系统。提供了一些典型的中后台业务功能。
Chem七辰·2020-01-04 10:44

vue+element 使用sortable实现表格拖拽

在vue项目中使用sortable.js实现拖拽功能。官网地址：http://www.sortablejs.com/index.html1.下载sortable.js：npminstallsortablejs--save2.在当前页引入：importSortablefrom‘sortablejs’3.使用方法：1mounted(){2//使每次都可以拖拽3this.$nextTick(()=>{4
机智的蛋炒饭·2020-01-02 18:00

Vue 实现分页与输入框关键字筛选功能

分页的实现(Vue+Element)+输入框关键字筛选1.这里用的是Element自带的分页组件订单列表序号创建时间订单ID所属用户姓名所属用户ID所属用户手机所属用户层级订单金额订单状态审核状态收件人联系电话收货地址订单备注操作
DogZ·2020-01-02 09:45

Vue+Element实现网页版个人简历系统(推荐)

这篇文章介绍一个使用Vue+Element实现的个人简历系统，主要用到的技术有：vue、element、css3、css定位。
小土豆biubiubiu·2019-12-31 08:46

Vue+Element实现网页版个人简历系统

这篇文章介绍一个使用Vue+Element实现的个人简历系统，主要用到的技术有：vue、element、css3、css定位。
小土豆biubiubiu·2019-12-30 17:00

vue+element表格实现图片展示，点击图片在屏幕中央放大显示

后台返回的字段是photo1和photo2，是目录名、图片名的形式，前台想要展示出来还拼接域名。前台html和数据放大展示：方法：
qq_41588568·2019-12-24 14:11

VUE+ELEMENT UI学习demo

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

【Github】GitHub中文排行榜 Vue

RepositoryDescriptionStarsLanguageUpdated1bailicangdu/vue2-elm基于vue2+vuex构建一个具有45个页面的大型单页面应用31.1kVue10/092lin-xin/vue-manage-system基于vue
DrogoZhang·2019-12-15 12:31

vue+element table实现对表格的某一列作特殊处理

背景在表格渲染数据的时候，都需对某列比如偏差结果作特殊处理：后台返回的数据为：0，1，-1表格显示列为：正常，超正差，超负差显示样式分别为tag的：successprimarydanger效果图image.png实现分析1，准备表格渲染数据tableData2，准备列字段，在需要特殊处理的列上添加特殊的字段比如：磅单编号添加字段status:"link"，偏差结果status:"flag",注意：
bypwan·2019-12-14 10:15

vue + element 自定义表单验证的时候 需要通过请求后端接口验证

vue+element自定义表单验证的时候需要通过请求后端接口验证做vue项目的时候遇到了一个需求，在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。
sunshine1213·2019-12-12 01:06
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他