vue+element

vue+element简单实现商城网站首页，模仿电商商城

1.安装启动vue项目可参考vue+element简单实现商城网站首页，模仿小米电商商城https://blog.csdn.net/lucky_fang/article/details/121544242
愛芳芳·2022-08-26 16:32

vue+element简单实现商城网站首页，模仿小米电商商城（一）

1.本案例灵感来源于小米官网https://www.mi.com/源码官方截图产品效果图：二级菜单、产品详情购物车2.首先创建vue项目，采用开发工具Hbuilder。vue创建项目教程可参考：（一）Vue——如何创建一个Vue项目(完整步骤)-㭌（mou）七-博客园3.创建项目后安装elementui，按照官方教程即可，elementui官方地址：Element-Theworld'smostpo
愛芳芳·2022-08-26 16:32

后台管理系统探索之旅vue+element第一篇

后台管理系统探索之旅vue+element-----一前端进阶之路漫漫，总要留点儿痕迹项目搭建脚手架3快速搭建安装完node后，安装vue脚手架npminstall-g@vue/cli@版本号（如已安装请忽略）；创建项目：vuecreate；default（babel，eslint）默认Manuallyselectfeatures手动选择；提示你选择一个preset（预设）：如果没有配置保存过，则
skybude·2022-08-22 23:20

Vue+Element树形表格实现拖拽排序示例

目录安装sortablejs在需要的页面引入表格加上row-key="id"树形表格排序（树结构）方法介绍注意点结语今天给大家分享一下树形表格拖拽排序，树形表格排序的教程不多，可能还会有问题，我在这里详细给大家讲解一下，如果你有这样的需求或觉得有用，请给个关注或收藏一下吧，方便后期查看使用。安装sortablejsnpminstallsortablejs--save在需要的页面引入importSo
·2022-08-07 12:04

如何使用Vue+Element做个个人中心

目录前言个人空间信息修改基本信息实现信息修改实现头像修改实现账号管理实现文章列表实现收藏实现问答收藏文章收藏总结前言最近想要换个脑子玩玩，写个页面玩玩~先看看效果：后面加个路由超链接，嘿嘿~个人空间我们先来聊聊主要的这个玩意，也就是咱们的入口。对应的路由是：这里面的组件可不少，里面还有很多分组件，没写，有空我就写写。{path:'/myspace',name:'myspace',component
·2022-07-28 17:07

VUE+element开发后台管理的搜索功能

本文实例为大家分享了VUEelement后台管理搜索功能的具体代码，供大家参考，具体内容如下先看看样式图：实现上面这种简单搜索简单的三步走：1.页面样式：在页面中使用form表单的校验功能来实现输入搜索。给表单的数据放入搜索请求的data数组中，也就是searchParams这个大集合中。备注：如果给每个输入框添加了搜索按钮的click方法，则会在输入完成后直接执行列表搜索。所以考虑自己使用的具体
·2022-07-28 12:50

Vue+element tree使用，当弹窗关闭时，this.$refs.tree.setCheckedKeys([])不能清空选中

问题Vue+elementtree使用，当弹窗关闭时，this.$refs.tree.setCheckedKeys([])不能清空选中。解决由于弹窗关闭，导致this.$refs.tree.setCheckedKeys([])无效。此时，需要我们重新获取整个树组件的node，然后将对应的每个选项checked为空。//首先获取nodeletnode=this.$refs.tree.getNode(
易函123·2022-07-27 15:29

vue+element开发使用el-select不能回显的处理方案

目录使用el-select不能回显的处理el-select编辑数据不回显问题使用el-select不能回显的处理下拉框选择的时候，选不上下拉框的值，element提供了@change事件使用vm.$forceUpdate()方法进行强制刷新，就可以把值渲染上去。$forceUpdate()这样就可以解决。el-select编辑数据不回显问题编辑数据的时候需要回显下拉数据，我们只需要获得其值，vue
·2022-07-27 09:52

基于java的中小型超市销售管理系统

主要功能和截图如下所示：系统基于SSM（Spring+SpringMVC+MyBatis）+vue+Element
qq_840612233·2022-07-22 11:46

SpringBoot+Vue实现前后端分离的农机电招平台

文末获取源码开发语言：Java开发工具：IDEA/Eclipse数据库：MYSQL5.7/8.0应用服务：Tomcat7/Tomcat8是否Maven项目：是后端框架：SpringBoot前端框架：vue
qq_834251331·2022-07-12 19:31

SpringBoot+Vue实现前后端分离的4S店车辆管理系统

文末获取源码开发语言：Java开发工具：IDEA/Eclipse数据库：MYSQL5.7/8.0应用服务：Tomcat7/Tomcat8是否Maven项目：是后端框架：SpringBoot前端框架：vue
qq_834251331·2022-07-12 19:31

SpringBoot+Vue实现前后端分离的冬奥会科普平台

文末获取源码开发语言：Java开发工具：IDEA/Eclipse数据库：MYSQL5.7/8.0应用服务：Tomcat7/Tomcat8是否Maven项目：是后端框架：SpringBoot前端框架：vue
qq_834251331·2022-07-12 19:30

SpringBoot+Vue实现前后端分离的实习管理系统

文末获取源码开发语言：Java开发工具：IDEA/Eclipse数据库：MYSQL5.7/8.0应用服务：Tomcat7/Tomcat8是否Maven项目：是后端框架：SpringBoot前端框架：vue
qq_834251331·2022-07-12 19:58

Vue Element前端应用开发之获取后端数据

目录概述1、后端数据的获取处理2、界面展示处理概述在前面随笔《循序渐进VUE+Element前端应用开发之动态菜单和路由的关联处理》中介绍了在Vue+Element整合框架中，实现了动态菜单和动态路由的处理
·2022-07-01 19:43

Vue+Element switch组件的使用示例代码详解

代码如下所示：参数说明：widthswitch的宽度（像素）active-textswitch打开时的文字描述inactive-textswitch关闭时的文字描述active-valueswitch打开时的值inactive-valueswitch关闭时的值active-colorswitch打开时的背景色inactive-colorswitch关闭时的背景色完整代码：methods:{//状态
·2022-06-26 12:18

Vue+Element UI 实现视频上传

1.html代码视频介绍您的浏览器不支持视频播放最多可以上传1个视频，建议大小50M，推荐格式mp42.js代码varvm=newVue({el:'#app',data:{videoFlag:false,//是否显示进度条videoUploadPercent:"",//进度条的进度，isShowUploadVideo:false,//显示上传按钮videoForm:{showVideoPath:'
zeb0118·2022-06-22 14:56

记录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
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他