Vue+Element

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

vue+Element实现搜索关键字高亮功能

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

vue+element 根据内容计算单元格的宽度

需求是这样的,之前我也写过,就是前端渲染的表格数据是动态渲染表格的行和列,那么就必然出现了一个问题,当列超过一定的个数的时候,会出现横向滚动条,那么怎么让表格整体看起来自然协调一些呢,老大要求表格的单元格宽度根据内容动态计算,最大200px,so干吧template代码:min-width要动态设置1211script代码:在获取到表格数据的时候,为每个数据对象设置columnWidth属性,初始
jser_Amos·2019-05-27 16:00

Vue+Element实现动态生成新表单并添加验证功能

首先有一个这样的需求，表单中默认有一个联系人信息，用户可以再添加新的联系人信息点击添加更多联系人之后官方文档中有写用v-for来实现新增表单，但是那是单表单的新增，现在多表单的新增，可以考虑的实现方法是先写死一个必须的表单，需要新增的两个表单放在一个div里，在div中使用v-for生成，达到同时新增的效果代码如下//必填一个联系人的表单//动态生成的联系人表单删除添加更多联系人和普通表单验证不同
酒香飘在巷子里·2019-05-23 16:26

vue+element 动态加载表单

一、问卷动态加载表单//html{{i.questionOption}}{{i.questionOption}}保存问卷//data数据paperForm:{//问卷表单answerList:[{questionRepository:'',questionOption:[],questionId:'',optionId:'',answer:''}]},//接口getPaperByDrugStatu
刘白超·2019-05-21 14:07

vue+element创建动态的form表单及动态生成表格的行和列

动态创建form表单,网上有插件(form-create)不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言.最后我使用了笨方法,针对各个表单写好通用的组件，然后根据type用v-if来渲染对应的表单,数据，事件什么的都可以动态的传进去,比较好用动态生成表格的行和列,主要是要求后端返回的数据格式,根据数据来动态渲染注意点:这里两个数组:表格字段数据:titleData:[],表格详
浚琦·2019-05-20 17:14

vue+element实现打印页面功能

项目中遇到了要打印页面的功能,我感觉我这个方法不太好,欢迎各位来改善指导使用print插件https://github.com/xyl66/vuePlugs_printjs1.在min.js中引入2.importPrintfrom'@/plugs/print'3.Vue.use(Print)//注册不要打印我this.$print(this.$refs.print)//调用方法使用总结以上所述是小
浚琦·2019-05-20 16:23

vue+element创建动态的form表单.以及动态生成表格的行和列

动态创建form表单,网上有插件(form-create)不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言.最后我使用了笨方法,针对各个表单写好通用的组件，然后根据type用v-if来渲染对应的表单,数据，事件什么的都可以动态的传进去,比较好用12348910111516171819202122动态生成表格的行和列,主要是要求后端返回的数据格式,根据数据来动态渲染注意点:这里两个
jser_Amos·2019-05-20 16:00

vue+element下拉框样式的点击按钮

项目中点击按钮实在太多了,怎么办呢?我们就可以将它们制作成像下拉框那样的类似操作1.HTML样式部分:关键点在于command方法和属性189其他操作10111213批量备注16本页导出Excel19202.Javascript部分:分别设置每个按钮的各自方法1methods:{2batchOperate(command){3switch(command){4case"batch_remarks"
jser_Amos·2019-05-20 16:00

vue+element实现表单校验功能

要实现这个功能其实并不难,element组件直接用就可以,但是我在使用过程中碰到了几个坑,就记录下来,分享给大家,避免落坑,话不多说,直接上过程......表单校验功能:实现这个功能,总共分为以下4布:1.在el-form标签中定义:rules="rules";ref="reference"2.在el-form-item定义prop="name";3.在选项data中定义rules校验规则;4.在
浚琦·2019-05-20 16:23

vue+element打印页面功能

项目中遇到了要打印页面的功能,我感之前使用的是一个第三方的插件,但是不兼容IE,后来发现直接调用window的API就可以了,MMP1//打印表单2printBtn(){3window.print();4return;5},然后有不想在打印页面里面显示的元素,直接通过CSS样式控制就行了1@mediaprint{2.print_hide{3display:none;4}5.print_conten
jser_Amos·2019-05-20 16:00

vue+element拖动排序功能

项目中老大心血来潮设计了一可以拖动达到排序的功能,感觉没什么用,但是没办法,实现吧!这功能肯定不会手撸了,直接上插件使用Sortable.js,对vue不友好,拖拽有时候乱跳;改用vuedraggable插件,此插件依赖Sortable.js.教程地址:https://blog.csdn.net/IT_HLM/article/details/79541741教程地址:https://blog.cs
jser_Amos·2019-05-20 16:00

vue+element表单校验功能

要实现这个功能其实并不难,element组件直接用就可以,但是我在使用过程中碰到了几个坑,就记录下来,分享给大家,避免落坑,话不多说,直接上过程......表单校验功能:实现这个功能,总共分为以下4布:在el-form标签中定义:rules="rules";ref="reference"在el-form-item定义prop="name";在选项data中定义rules校验规则;在提交方法中检查用
jser_Amos·2019-05-20 16:00

vue+element实现前端分页及前端搜索功能

前言分页加表格很常见，基本实现：前台分页和后台分页。这里讲一下如何实现前台分页及搜索功能。基于vue和element和es6的知识，demo详见最后。正文页面布局>搜索绑定数据data(){return{list:[],data:[],limit:5,total:null,page:1,searchData:"",}},获取数据，因为没有后台，就前台模拟取了数据created(){this.pag
jcat_李小黑·2019-05-09 17:24

记录一些标签，常用工具和文档

vue插件vue+element一个后台管理系统vue2-animateforVue.js2JavaScript获取URL中参数querystring的方法详解同上element-uiNavMenu菜单组件垂直显示时点击其它区域关闭子菜单解决方法
csl125·2019-05-06 11:48

详解Vue+Element的动态表单，动态表格（后端发送配置，前端动态生成）

动态表单生成ElementUI官网引导Element表单生成Element动态增减表单,在线代码关键配置template中,form和form-item的写法和绑定data里的值为空methods中，向后台获取数据的函数写法1.form,form-item,input的写法[^code]需要注意的是，:model和ref绑定的值不能用'form'来表示，不然会出错。也就是说下面的写法会导致运行不报
梦里一米七八·2019-04-20 08:27
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他