Vue+Element

记录vue+element 上传视频

需求:需要在上传视频前展示视频内容,上传的格式formData,也就是文件格式需要跟其他的文件格式一起上传本地获取视频后需要转换成网址以便在video中播放可以展示后端传来的视频内容思路需要el-upload组件需要在上传文件前对文件进行验证,通过before-upload事件验证是否是视频文件再通过http-request事件获取到文件格式,保存(传给后端),在网上找的两种方法转换url地址提示
热爱生活的大辉·2022-06-22 14:20

elementUi上传视频组件

背景vue+element后台管理系统中的表单提交中需要上传视频，利用饿了吗组件可以这么搞。
蜡笔大帅·2022-06-22 14:14

如何利用vue+element ui实现好看的登录界面

目录界面效果图下面直接上代码：附加背景图片总结闲暇之余使用vue+elementui制作了个登录界面话不多说，先上界面效果图下面直接上代码：Welcome记住密码忘记密码？登录注册import{login}from"@/api/login";import{setToken}from"@/request/auth";exportdefault{name:"login",data(){return{f
·2022-06-16 16:55

vue+element UI+ I18n实现国际化的问题

今日借鉴@鱼玄机_vin的处理方案，解决vue+elementUI+I18n实现国际化的问题的问题，参考链接:一、Vue+element-ui+i18n多语言化--实际项目-(jianshu.com)文中没有介绍vue-i18n的版本，自己参考elementUI官网使用了vue-i18n@5，不能正确解析所配置的字段。经过漫长的解BUG，查资料，在关于#vue.js#的问题：//浏览器的问题[vu
空山晚来秋·2022-06-09 16:12

vue+element实现自定义轮播效果

毕设篇：vue+element实现自定义轮播效果效果展示实现代码Carouse.htmlDocumentnewVue({el:"#app",//name:"XXXXXXX",data(){return{
高中不复，大学纷飞·2022-05-22 17:29

【前端密码自动填充问题】vue+element浏览器自动填充密码问题

浏览器自动填充密码有时候挺烦人的，自动填充还填充错了，如图所示。image.png解决办法autocomplete="off"clearableautocomplete="new-password"
pigdeng·2022-05-06 15:34

vue+element项目动态添加删除数据div

vue+element项目动态添加删除数据div效果如下：1、初始状态2、点击添加两条数据3、删除第一条数据代码如下：任务内容：添加任务{{index+1}}:获得DC的比例：  %
orange �·2022-05-02 14:00

vue+Element实现静态旅游网站

页面效果：1.用vue脚手架：vue-cli，新建一个vue项目。2.npmrundev后，给小颖了一句提示：Yourapplicationisrunninghere:http://localhost:8080/，小颖比较懒，觉得还是喜欢以前那种执行完npmrundev后，会在你默认的浏览器中自动打开http://localhost:8080/，所以小颖将提示语删了：再给package.json中
weixin_30604651·2022-05-02 14:59

vue+element实现word文档(转成markdown了)带目录预览

目录背景思考过程word转markdown用node的express框架搭建服务器展示md文件到页面上提取目录引入element树纯前端展示完整目录结构背景当前所做项目(vue-cli+element)有一个需求，做一个帮助文档，把word文档在页面中展示出来，要求能目录跳转。思考过程拿到这个需求，感觉这个难点在于目录跳转，word就算读取也全是字，无法识别哪里是目录，然后去提取目录和做定位。年前
木子的博客·2022-05-02 14:58

闲云旅游网02（基于vue+element ui）

首页开发项目GitHub地址：https://github.com/q2419068625/xianyun新建公共组件在components中新建应用统一的头部组件和页脚组件。在默认布局中layouts/default.vue中导入公共组件。实现步骤头部组件在components文件夹中新建头部组件components/header.vue。首页旅游攻略酒店国内机票用户名个人中心退出登录/注册页脚
大补bu·2022-05-02 14:28

Vue+element 项目搭建

文章目录前言环境vue-cli项目创建改造一改造二改造三测试使用elementui安装loader测试总结前言最近有点小动作了，有两个项目需要推进，要把前端的玩意捡起来了。环境由于我目前的环境还是vue2所以本次开发依然是vue2为主，当然切换也不难，这边只是懒得在配置环境了，累人呀，忘不了当初玩go的时候我那个iris版本问题搞了一天。vue-cli项目创建我本地的vue版本还是2.5x所以我创
Huterox·2022-05-02 14:57

vue+element upload上传带参数的实例

目录elementupload上传带参数element上传函数带参数,自定义传参下面这是标签我将源码放上这是需求案列elementupload上传带参数保存选取文件上传到服务器-->只能上传jpg/png文件，且不超过500kb-->data里面参数uploadData:null,methods里面action(){returnthis.portC+"uplodResultsScore"},//上
·2022-04-24 18:19

[Vue]写一个简单的文件上传控件

这篇将介绍如何写一个简单的基于Vue+Element的文件上传控件。
林晓lx·2022-04-20 15:00

vue+element 根据状态，显示不同的操作按钮

效果截图：VUE核心功能代码片段查看发布编辑删除撤销总结：通过v-if指令决定按钮的显示隐藏。
在奋斗的大道·2022-04-15 14:29

vue+element el-tree 最详细的使用方法，真实接口数据渲染

el-tree的使用：项目：接口给到的数据是嵌套children的，另外接口中的choose字段表示是否被选中，choose:true需要时选中状态；菜单权限接口的数据是树结构：嵌套children{code:"2000",msg:"操作成功",…}code:"2000"data:[{id:24,label:"项目管理",choose:false},{id:1,label:"系统管理",choos
和世界不一样，那就不一样！·2022-04-15 14:24

Vue + element 实现多选框组并保存已选id集合

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

vue+element ui的table动态合并

2021年8月5日动态合并更改（因上面的方法在实际开发中还存在显示混乱问题）前提条件：后台返回数据的同时，返回合并行数rowspan以及该行是否需要合并字段firstRowFlagobjectSpanMethod({row,column,rowIndex,columnIndex}){if(columnIndex===0){if(row.firstRowFlag){return{rowspan:ro
至二·2022-04-15 14:06

Vue+Element文本框限制输入数字

Vue模板显示部分Vue函数处理部分//文本框限制只能输入数值SetNumber(val,code){letvalue=val.replace(/[^0-9.]/g,'').trim();conststrlen=value.includes('.')?value.split('.').length-1:0;if(strlen>=2){constarr=value.split('.');value=
杀猪刀-墨林·2022-04-15 14:05

Vue+Element实现表格单元格编辑

前言Element的表格组件并没有给出明确的点击单个单元格进行的编辑的方案，我仔细阅读了官方的文档后，发现这个操作还是可以实现的。实现原理1、利用Table组件的cell-click属性，可以获取当前点击的单元格列对应的Dom元素。2、清空所有的名为current-cell的class属性。3、为当前获取的单元格Dom动态添加名为current-cell的class属性。4、控制单元格的input
·2022-04-14 22:08

Vue+element搭建后台管理系统-二、安装插件

我们继续上一章的内容，上一章讲到我们已经能将项目成功跑起来了，那么我们接下来把项目必用的东西完善一下。一、安装elementUI终于到了我们的男二了，继续在VSCode中新建一个终端，然后通过这个命令来安装：npmielement-ui-S至于为什么要-S呢？即--save（保存）包名
padding2020·2022-04-14 16:00

vue+element ui实现锚点定位

本文实例为大家分享了vue+elementui实现锚点定位的具体代码，供大家参考，具体内容如下vue{{item.subjectName}}{{item.name}}{{scope.row.hierarchy==1?'项目':'渠道团队'}}{{scope.row.beginTime+'-'+scope.row.endTime}}{{scope.row.orderCnt}}设置分配方案5"styl
·2022-04-10 17:48

vue+Element实现登录随机验证码

本文实例为大家分享了vue+Element实现登录随机验证码的具体代码，供大家参考，具体内容如下验证码验证只是前端，无需后台交互首先，创建一个identify.vue页面，用于写各种：随机数字/字母，随机颜色
·2022-04-10 15:13

vue+Element ui实现照片墙效果

本文实例为大家分享了vue+Elementui实现照片墙效果的具体代码，供大家参考，具体内容如下上面是我要实现的效果。直接上代码，简洁明了1.前端视图代码        2.前端script部分代码import{listNetSecurityImg,delNetSecurityImg}from'@/api/websitemanage/netsecurityimg'import{getToken}f
·2022-04-10 13:55

如何利用Vue+Element做个小页面

目录前言项目结构MarkDown编辑器消息模块消息导航内容代码（消息）设置模块总结前言直接看效果，干啥慢慢猜~项目结构这个的话可以看到分了一些组件嘛。然后总体还是vue+elementui后面活下来了再用uniapp做移动端嘛。MarkDown编辑器这个是咱们比较主要的功能嘛。也是用了meavon这个开源的Markdown组件嘛。然后是文章上传嘛，这里有个弹窗嘛。代码如下发布文章取消确定impor
·2022-04-02 10:51

前后端分离框架Vue+Element UI（上集）

个人简介作者是一个来自河源的大三在校生，以下笔记都是作者自学之路的一些浅薄经验，如有错误请指正，将来会不断的完善笔记，帮助更多的Java爱好者入门。文章目录个人简介Vue2框架-2.9.6起步编译器选择CDN安装Vue第一个Vue程序v-bindv-textv-html计数器案例：v-on/@v-showv-ifv-for切换图片案例v-modelVue生命周期函数定义data的3种方式axios
摸鱼打酱油·2022-03-30 13:14

vue 如何打开接口返回的HTML文件

目录一、后端接口二、前端前言：接口测试平台，后端使用django，前端使用vue+element。项目接口平台测试完成，需要把后台产生的测试报告返回给前端展示。
·2022-03-28 13:41

学生信息管理 vue+Element UI+springboot 前后端分离

练手的项目前端采用vue+elementui后端springboot数据库mysql教务信息管理系统管理员登录教师学生注册登录管理员登录管理管理员编辑角色管理学生管理教师管理班级信息教师注册登录编辑个人信息修改密码学生注册登录编辑个人信息修改密码系统运行截图数据库设计这里主要是admin_menu表的设计path与Vue路由中的path对应，即地址路径name与Vue路由中的name属性对应nam
xiaocxy1·2022-03-17 14:46

Vue+Element组件el-dialog，点击弹框外不取消弹框和去掉x号

html部分js部分data(){return{close_modal:false}}效果图
天山小黎·2022-03-16 09:54

vue+element实现输入密码锁屏

本文实例为大家分享了vue+element实现输入密码锁屏的具体代码，供大家参考，具体内容如下1.页面中个的点击事件通过vuex来存在状态/** *锁屏功能 */         lock(){            
·2022-03-07 13:36

Vue Element前端应用开发之echarts图表

目录概述1、图表组件的安装使用2、各种图表的展示处理概述基于图表的处理，我们一般往往都是利用对应第三方的图表组件，然后在这个基础上为它的数据模型提供符合要求的图表数据即可，VUE+Element前端应用也不例外
·2022-02-20 17:24

Vue+UpLoad实现上传预览和删除图片的实践

1、用vue+Element完成一个图片上传、点图预览、加删除功能，如图：2.首先我们再组件中引入这一段代码，每个属性的使用也都放在这里了：点击上传只能上传jpg/png文件，且不超过500kb//存放
·2022-02-20 17:22

Vue+UpLoad实现上传、点图预览、删除图片

1、用vue+Element完成一个图片上传、点图预览、加删除功能，如图：2.首先我们再组件中引入这一段代码，每个属性的使用也都放在这里了：点击上传只能上传jpg/png文件，且不超过500kb//存放
仰.·2022-02-20 14:34

vue+element上传文件(图片/使用)和解析后端返回二进制文件(图片/视频)

1.开发环境vue2.电脑系统windows10专业版3.在开发的过程中,我们经常会使用到element进行文件的上传和二进制文件的解析,下面我来分享一下。4.element图片上传,代码如下://template中代码如下:return中代码如下:uploadimgurl:{//主图Mainpictureurl:"",//主题内容Mainimagecontenturl:"",//视频videou
·2022-02-19 18:36

vue+element中table树形结构懒加载

1.开发环境vue+element2.电脑系统windows10专业版3.在开发的过程中,我们会遇到树形结构的表格,因为数据量非常的多,所以我们需要点击父元素把对应的id传给后端,那到子元素的数据,形成树形,下面我来分享一下如何实现。4.废话不多说,直接上效果图:5.第一次请求后端返回的数据结构://isParent:是否有子节点6.需求://点击父节点,把父节点的pid传给后端,后端返回子节点的
·2022-02-19 18:35

vue+element:时间日期选择器与手机键盘同弹出

使用日期时间选择器禁止手机键盘弹出：加:editable="false"
脏十三i·2022-02-19 13:54

vue+element tree ----上下移动

default-expand-all是否默认展开所有节点影响上下移动exportdefault{data(){return{treeData:[{id:1,label:"一级1",children:[{id:4,label:"二级1-1",children:[{id:9,label:"三级1-1-1",children:[]},{id:10,label:"三级1-1-2",children:[]}
若水亦城空·2022-02-17 06:03

通过json生成前端页面

前端采用的技术是，vue+element所以后端只需要根据这个json。
yoao_putu·2022-02-14 19:25

Vue Element前端应用开发之界面语言国际化

目录概述1、main入口函数支持2、界面处理实现概述VUE+Element前端应用实现国际化的处理还是非常方便的，一般在Main.js函数里面引入语言文件，然后在界面上进行一定的处理，把对应的键值转换为对应语言的语义即可
·2022-02-14 08:12

hjr-VUE 后端使用vue和element-ui总结

为什么用VUE作为一个后端开发，最近写了好几个月前端代码vue+element，写一下总体感受，之后可能会对技术细节做单节的更新。
hjrf·2022-02-12 07:22

基于Vue+element设计 经典网站后台管理界面

首页订单管理个人中心个人资料退出登录有勇气的牛排账户设置个人资料数据概览博客设置Footerexportdefault{name:'App',}/*框架*/.el-header{background-color:black;color:white;text-align:center;/*line-height:60px;*/}.el-footer{background-color:black;co
云间来客科技·2022-02-10 07:32

Vue+Element UI 商城后台管理系统

一、前言已转至个人博客-https://www.aerowang.cn/articles/qnw6i1s61.项目背景此项目来自B站Vue实战项目：电商管理系统（Element-UI）。此项目的功能与后端提供的接口并不完全相同，根据后端接口进行开发并添加了部分功能从而进行修改。在完成此项目并测试上线后，在这里记录一下项目的开发思路，以及遇到的一些问题。自我感觉这个项目是一个很不错的关于Vue+El
南弦啊·2022-02-09 14:57

vue+element实现手机号验证码注册

很全的PC端手机端适配！一个项目多个域名我试了代理跨域本地运行可以打包上传不行，然后就用全地址，后端哪里要设置域名白名单！直接上图和完整代码！觉得可以就点个赞吧，谢谢！代码：51大师兄企业智囊团  专家大舞台新用户注册获取验证码{{auth_time}}秒之后重新发送验证码注册注册表示阅读与同意《软件许可及服务协议》与《用户隐私政策》importBgfrom'../assets
D_evin_·2022-02-05 16:43

vue+element实现手机号验证码注册的示例

很全的PC端手机端适配！一个项目多个域名我试了代理跨域本地运行可以打包上传不行，然后就用全地址，后端哪里要设置域名白名单！直接上图和完整代码！觉得可以就点个赞吧，谢谢！代码：51大师兄企业智囊团  专家大舞台新用户注册获取验证码{{auth_time}}秒之后重新发送验证码注册注册表示阅读与同意《软件许可及服务协议》与《用户隐私政策》importBgfrom'../assets
·2022-02-04 16:07

Vue+element UI select组件回显数据问题

elementUI的el-select中v-model的值要跟遍历出来的option的值的类型要保持一致才可以回显成功
MyIreland·2022-02-03 14:02

Vue+Element UI 实现视频上传功能

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

vue+element实现下拉菜单并带本地搜索功能示例详解

需求:后台返回数组对像,前端组合成数组,根据name组合成一个个数组并把后台返回的值当成一个children推入数组,在数组中自定义属性备份数据防止搜索的时候改变原数组使得数组无法回退这里是用的vuex存储,因为多个页面使用同一个接口;所以没必要重复请请求src\store\module\metadata.js/**@Author:yourname*@Date:2021-09-0215:46:45
·2021-12-30 19:33

vue+element实现页面顶部tag思路详解

目录1.页面渲染2.来回切换tag3.删除一个tag标签这种tag如何写？思路总结下：1.页面渲染1页面显示由数组循环得出，数组可存储在store里（1）存储前判断是否有重复的数据，重复的话，先删除再添加。（2）没有重复直接pushaddTag:(state,tag)=>{const{fullPath,path,meta,query}=tagif(tag.path==='/login'){retu
·2021-12-29 16:28

基于Vue实现Excel解析与导出功能详解

目录前言基本介绍代码实现基本结构上传解析Excel的导出基本结构导出Excel总结前言最近在整理日常开发中长涉及到的业务需求，正好想到了excel的解析与上传方面的事情，在开发中还是比较常见的，趁着周末做一下整理学习吧基本介绍主要基于Vue
·2021-12-29 12:19

vue+Element实现分页效果

本文实例为大家分享了vue+Element实现分页效果的具体代码，供大家参考，具体内容如下一般样式都是card里面包含列表和分页这里就直接上代码了然后定义一下数据data(){return{rightsList
·2021-12-07 09:17

vue+element自定义查询组件

本文主要介绍vue项目，在引入element的前提下，对组件进行二次封装实现通过配置项直接布局。一、查询条件组件化结合EventBus.js的使用，传递事件更高效，可以避免各种复杂的生命周期依赖关系。在components/dataForm文件夹下dataForm.vue作为组件集合的载体，并创建配置项1.1dataForm代码实例//dataForm.vueimportEventBusfrom"
·2021-12-06 11:34
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他