vue+element

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

Nuxt.js项目中，动态设置SEO关键字的思路

管理后台好说，vue+element一把梭。PC？回归jQuery？显然是不可能的。尤大大的Nuxt.js就是为了解决服务器渲染、SEO等问题的。但是！
小NB菲菲·2019-11-27 17:13

vue+Element后台管理系统框架搭建（一）

vue+Element后台管理系统框架搭建vue框架搭建及开发规范1.1环境配置1.2项目创建1.开始搭建项目vueProject2.打开我们的项目，可以看到如下的目录结构：1.3开发规范1.vueProject
sinat_33564062·2019-11-27 11:55

史林伟的简历

山东胖管家互联网科技有限公司(房产+电商)**上线作品pc端https://pte-ai.com/(vue+vuetify.js+云函数)pte后台管理系统(vue+TS+vuetify)小城找房后台管理系统(vue
lar_slw·2019-11-17 15:38

Vue-i18n如何应用到vue+Element/iView项目中

Vue-i18n是对vue项目国际化得一种实现（react-i18n同理），当然也可以使用i18next，本文只对Vue-i18n进行讲解。一，首先自己学习官方文档 安装vue-i18n的依赖包，安装完成后，新建i18n.js文件。 npminstallvue-i18n二，配置i18n到项目中的步骤（1）在i18n.js中引入所需的包如下importVuefrom'vue';importVueI1
Vampire丶_L·2019-11-12 13:21

Vue+Element前端导入Excel

业务场景由前台导入Excel表格，获取批量数据。根据一个数组导出Excel表格。引入工具库npminstall-Sfile-saverxlsxnpminstall-Dscript-loader导入Excel点击上传只能上传xlsx/xls文件limitUpload=1限制只能上传1个文件accept为默认打开的可上传的文件格式handleChange(file,fileList){this.fil
LovelyIcey·2019-10-23 19:09

vue+element树组件 实现树懒加载

本文连接https://www.cnblogs.com/aknife/p/11709255.html一.页面样式二.数据库三.前端页面代码1237891011exportdefault{12data(){13return{14props:{15label:'name',16children:'zones',17isLeaf:'leaf',1819},20};21},22methods:{23loa
___mouM·2019-10-20 21:00

vue +element ，el-table实现行和列拖拽排序

vue+element，el-table实现行和列拖拽排序elementui表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。
Lemoncool·2019-10-12 13:00

vue+element表格导出为Excel文件

本文实例为大家分享了vue+element表格导出为Excel文件的具体代码，供大家参考，具体内容如下安装这三个依赖npminstallxlsxfile-saver-Snpminstallscript-loader-S-D
小羽向前跑·2019-09-26 10:57

laravel+apiato日期字段和金额字段自动处理

程序开发中经常涉及到金额和日期的转换1日期在数据库中存储为timestamp类型,前端vue+element显示时使用Unix时间戳(Unixtimestamp)*1000,单位毫秒原理:get到api
瓜瓜2008·2019-09-03 09:19

【Vue报错】关于 The template root requires exactly one element 报错的解决方案

前言近段时间，我正在使用Vue+Element进行新的项目开发。在刚使用完NavMenu组件，准备添加下一项组件时，发生了报错。
ruanhongbiao·2019-08-28 09:50

Vue+element实现todo（三）

（一）添加item为了知道用户输入了什么内容，使用v-model把input的value值和vue实例绑定（红框），这样vue就可以知道我们输入的值image.png在data里注册todo:""，然后回车后，需要把Input的值添加到列表里，再监听input的回车事件（蓝框），绑定键盘事件为keyup，enter是按下回车键并不是按下其他的什么键，注意：因为用了element组件，必须加上nat
你想跳舞吗·2019-08-24 16:45

Vue+Element表格动态列+表格分页

LayUI表格动态列及分页LayUI+JavaScript表格动态列+表格分页效果如图：代码：引用JQuery，Vue，Element等文件，换成自己的路径表格动态列及分页body新增属性新增节目编辑删除newVue({el:'#list',data(){return{head:[],//表头body:{}//表中数据}},created:function(){//初始化表格varproperti
liusq_·2019-08-23 10:58

Vue+element实现todo（一）

拖延症无敌,,,终于用vue写完了todo..终究还是边写边查最有效...不得不说，element真的方便喔..文档看一遍基本就可上手，vue的话，emmm，感觉需要学的还要很多...先用vue-cli创建项目，确保自己电脑安装了node，然后全局安装webpack，使用命令npminstallwebpack-g，或者使用cnpm，安装会快点，安装完成后输入webpack-v，如果出现版本号，则安
你想跳舞吗·2019-08-23 02:44

vue+element实现checkbox全选，全不选功能

vue+element实现checkbox全选，全不选功能我看了官方提供的案例，主要通过indeterminate属性来实现全选的效果。
douyiqing·2019-08-20 16:21

Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义

本文为大家分享了Vue+ElementUI+vue-quill-editor富文本编辑器及插入图片自定义，供大家参考，具体内容如下1.安装npminstallvue-quill-editor--save2.在main.js中引入importVueQuillEditorfrom'vue-quill-editor'import'quill/dist/quill.core.css'import'quil
天青色等烟雨11·2019-08-20 10:22

vue-mugen-scroll组件实现pc端滚动刷新

由于工作的原因，现在需要实现一个滚动加载(PC端)的效果，之前使用的是vue+element，但是element没有类似的组件，所以去github上找了一个名叫vue-mugen-scroll，使用起来很简单也很方便
大锅睿·2019-08-16 15:57

vue+element搭建后台管理系统（支持table条件搜索）

代码地址（如果有帮助，请点个Star）vue：https://github.com/wwt729/ElementUIAdmin-master.gitspringboot后端：https://github.com/wwt729/managemail.git相关技术vue2：https://cn.vuejs.org/v2/guide/element：基于vuejs2.0的ui组件库axios：向后台发
可乐丶先生·2019-08-13 15:00

vue+element项目中过滤输入框特殊字符小结

可以在main.js中写入方法Vue.prototype.validSe=function(value,number=255){value=value.replace(/[`～*~!@#$%^&*()_\-+==number){this.$message({type:"warning",message:`输入内容不能超过${number}个字符`});}returnvalue;};HTML部分se
Thinkguo·2019-08-07 09:32

VUE+Element UI实现简单的表格行内编辑效果

原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示123456789*{10margin:0;11padding:012}13body{14font-family:HelveticaNeue,Helvetica,PingFangSC,HiraginoSansGB,MicrosoftYaHei,SimSun,sans-serif;15overflow:auto;16fon
丰寸·2019-08-07 08:00

vue+element项目中过滤输入框特殊字符小结

可以在main.js中写入方法Vue.prototype.validSe=function(value,number=255){value=value.replace(/[`～*~!@#$%^&*()_\-+==number){this.$message({type:"warning",message:`输入内容不能超过${number}个字符`});}returnvalue;};HTML部分se
Thinkguo·2019-08-06 17:00

使用vue+element建站（一）

本文环境基于入手vue-cli3.x进行Elementvue-cli使用了一套基于插件的架构，element官方为新版的vue-cli准备了相应的element插件,在此我们可以直接使用。vueaddelement注：在安装完成后，全部引用和按需加载，我选择的按需加载。如果想要省事，或者已经选择按需加载后觉得麻烦vue-router因为在之前vue-cli生成的代码中，我选择默认设置，并未选择ro
清水·2019-07-31 00:00

Vue+Element UI 实现视频上传

一、前言项目中需要提供一个视频介绍，使用户能够快速、方便的了解如何使用产品以及注意事项。前台使用Vue+ElementUI中的el-upload组件实现视频上传及进度条展示，后台提供视频上传API并返回URL。二、具体实现1、效果图展示2、HTML代码视频介绍您的浏览器不支持视频播放最多可以上传1个视频，建议大小50M，推荐格式mp43、JS代码varvm=newVue({el:'#app',da
Crazy Struggle·2019-07-24 10:00

VUE中实现table的模糊查询相关学习（结合vuex module+axios实例）

使用VUE+element实现纯前端的模糊查询。
浮光掠影ll·2019-07-10 15:54

vue+element 获取验证码

我们在做一个项目，登录注册页面是少不了的，为了人机校验，验证码也是必须的我的这个项目获取验证码，前端发送一个随机四位数给后端，后端返回一张图片，前端渲染就可以template代码：121314151617登录data数据声明：1data(){2return{3loginForm:{4username:"",5password:"",6captcha_key:"",7captcha_code:""8
jser_Amos·2019-06-26 16:00

vue+element省市县的二级联动功能

项目中有选择省市县的需求,先选择省,再选择县解决这个需求也不是很难,总体思路就是看后端接口,一般后端接口都是请求参数为0返回省的数据,不为0的话返回相对应的市的数据template代码:1281415202627script代码：data数据声明：1data(){2return{3form:{4province:"",5city:"",6},7//省市县的信息8provinceList:[],//
jser_Amos·2019-06-26 12:00

vue+element动态新增表单并校验

添加提交importVuefrom'components/base'import{Component}from'vue-property-decorator'import{formRules}from"../common/validator";import{CarType}from'common/enums'@Component({components:{}})exportdefaultclass
哎呦哥哥_·2019-06-26 11:05

【Vue+Element】菜单导航折叠后文字不隐藏

树形菜单导航Vue和Element实现1.menus树结构/***权限管理在后台，前端接收到的是已经过滤完的菜单树*@menuId菜单唯一识别*@menuName名称*@icon图标*@parentId父菜单，前端不用，后端用来嵌套树*@route只有叶子结点有路由*@type是菜单级别，只有一级菜单和二级菜单*@orderNum是菜单排序，后台需要用来排序，前端不用*@children叶子结点没
等时钟成长·2019-06-22 19:36

vue+element加入签名效果（移动端可用）

下面介绍为了方便就把项目的文件叫作父组件，然后签名的那个组件叫作子组件！如有不太明白的地方，多看看代码注释。为细节地方1.首先根据elementui在父组件中设置好diglog弹框，并且在全局样式下，自定义样式//click绑定的方法是element提供的centerDialogVisibe=true是点击时弹框出现//src=base64，下面介绍到//div是在父组件中，所以有了下面子传给父数
Rocky1·2019-06-17 08:38

Vue+element 解决浏览器自动填充记住的账号密码问题

我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input为type="password"的框中登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉不行,我的代码必须由我控制,下面是解决方案:解决方法:只需要在每个input框前面加一个input,同时将其隐藏,就ok了,账号那个需要放在下面,原因不详...总结以上所述是小编给大家介绍的Vue+e
浚琦·2019-06-11 13:31

vue+element模态框中新增模态框和删除功能

实现效果如下结构成员删除//scope.$index获取当前行的index//打开新增成员openAddStaff(){this.getAllStaff();},//确定新增addStaff(){if(!this.user){this.$message.error("请选择用户！");return;}this.$post("/api/RoleMemberController/add",{userI
冬瓜先生·2019-06-11 10:30

vue+element 模态框表格形式的可编辑表单实现

要实现的效果如下,初始化的时候,不可编辑,点击编辑按钮,编辑按钮隐藏,取消编辑按钮显示;部分input输入框变为可编辑查看图片编辑取消编辑保存data中的数据editForm:{},//新增表单isEdit:false,//是否编辑dialogEditVisible:false,//新增模态框images:[],//图片信息ywlxList:[],//业务类型列表kdzsList:['50','1
冬瓜先生·2019-06-07 09:49

基于vue+element的table横向树形结构

需求：指定需要合并的列，相同数据向下合并形成树节点相同数据向下合并时不能跨越节点github地址，喜欢stardata(){return{info:{string:'',avg:'(平均值)',sum:'(总数)'},testTableArr:[],//table数据spanKey:[],//需要合并的列,每个元素为表格的prop值（键值）tableTitle:{},//table表头显示tabl
锤子爱砸房子·2019-05-31 19:13

Vue+Element实现表格编辑、删除、以及新增行的最优方法

之前已经实现了表格的新增、编辑和删除，在我的上篇文章中写的也比较详细。但是总感觉有点不完美，首先新增了一行以后，必须要双击某一个单元格参能进行内容的输入。从代码上来说，代码量也较大；而且使用的是原生的html标签，有点尴尬。于是，进一步研以后，进行了一定的优化，直接使用vue的代码实现，不仅大大减少了代码量，还实现了操作的友好性。下面直接上代码：1html部分这次的优化其实主要在于html部分，直
face light~·2019-05-28 17:43

vue+element实现表格新增、编辑、删除功能

需要做一个需求：新增一个xml文件时，添加数量不确定、属性相同的xml标签，想了想可以用表格做啊，属性相同，使用统一的表头，下面的属性值只是进行增删改不就行了，就类似于mysql给表里填数据一样。可是目前似乎还没有表格的直接增删改一行的操作，那要怎么实现呢？于是，通过上网以及自己的思考，终于实现了，代码、思路以及效果图如下：1html部分：新增移除2样式部分.el-table.warning-ro
face light~·2019-05-28 16:07
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他