Vue+ElementUI 第23页

利用VUE+elementUI实现评论、回复评论，评论展示功能

原文链接：https://blog.csdn.net/zLanaDelRey/article/details/100997792毕设需要，实现评论展示，评论，回复评论等功能。发现一个可用并非常合适的博客，故转载！效果：回复评论：上代码：html发表评论{{item.name}}{{item.time}}{{item.commentNum}}{{item.like}}{{item.comment}}

程序媛是个软妹子·2020-06-21 17:24

vue + ElementUI + axios + php 前后端数据接口通信示例

前端代码：vue+elementUI发送varapp=newVue({el:'#app',data(){return{//在这里进行变量初始化操作input:'',textarea:''}},methods

Geek彬·2020-06-21 16:58

利用Vue+ElementUi实现评论功能-仿掘金

前言这两天在用vue重构之前写的一个社区博客项目，之前评论的样式和效果都差强人意，所以仿照掘金重写了一个评论功能（但不是完全照搬模仿）在写完这个功能后，由心觉得Vue真的非常好用。话不多说，先上效果图代码html代码：发表评论{{item.name}}{{item.time}}{{item.commentNum}}{{item.like}}{{item.comment}}{{reply.from}

zLanaDelRey·2020-06-21 15:38

Vue+ElementUI从零开始搭建自己的网站（一、环境搭建）

VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vue作为前端框架，vuejs轻量、简单，对于前端友好，学习路线平坦，这使得前端开发变得更加简易，而基于vuejs的前端组件库也越来越多。其中ElementUI，就是饿了么团队开发的一款基于vue的前端组件库。构建网站的必备环境：NodeJS（npm）Webstorm（前端IDE）Nginx（后期用来转发请求到后台服务器）由于我们

极地雪狼li·2020-06-21 14:59

3、Vue+ElementUI制作用户登录页面

前面两篇简单了解了一下vue和SPA，现在来用Vue+ElementUI做一个用户登录页面，ElementUI是Element出的一套针对vue的UI库，类似的UI库非常多，ElementUI只是其中一个

我还可以加班·2020-06-21 13:16

用vue+elementUI框架的分页器遇到的坑点

前不久我在做项目的时候，用到的技术是vue+elementUI框架，其中在引用Pagination分页器组件时踩了一些坑，现在我来具体说一下我遇到的问题以及解决的办法。

赵又又i·2020-06-21 12:16

vue后台电商管理项目实战vue+elementui

vue2.5后台电商管理项目实战vue+elementui欢迎下载使用或二次开发。

_不知道叫什么名字·2020-06-21 12:47

vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）...

【效果图】【html】//前后代码【略】【js】showPwd(){this.pwdType==='password'?this.pwdType='':this.pwdType='password';lete=document.getElementsByClassName('el-icon-view')[0];this.pwdType==''?e.setAttribute('style','col

weixin_34075551·2020-06-21 11:29

饿了么 (Element)的日历(Calendar)组件自定义

笔记由于本人用vue+elementui写了一个关于日历的项目需求是每个日期对应不同的价格并且点击两次之后取其区间的值并计算出总价后来翻了很多资料才找到一些思路(由于在饿了么ui的日历组件库里面没有这些方法所以很奇怪

_Mr_He_·2020-06-21 06:02

vue+ElementUI页面模板

一在普通HTML项目中引入elementUIvue+elementUI的HTML页面模板，可以直接套用引入vueCDN:引入elementUICDN:官方文档地址：https://element.faas.ele.me/#/zh-CN/component/installation代码：模板默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮{{index}}//注册使用vuevarVue=window

Muchen灬·2020-06-21 06:40

Vue+ElementUI 中级联选择器Bug问题

ElementUI中级联出现的小BUG问题最近在项目中需要用到级联这么个控件，所以便去element上找了个，发现了个问题，在这里跟大家分享下，介于公司项目的隐私性，所以一些文字便给大家打上马赛克了，敬请谅解~不多说废话，直接上问题：ElemenUI的级联是通过子级字段递归进行显示的，但是假如后端老铁也用了递归写的数据，而递归到最后一个数据集便出现了问题，会出现光有字段，但是却没有数据这么个情况这

磐石BedRock·2020-06-21 05:10

vue+ElementUI 中菜单高亮问题

首先声明，我是菜鸟111222:default-active是element的高亮关键点:default-active="$route.path"的时候，是可以满足基础要求，如/index有/index/1、有/index/2,等，刷新时，高亮会有问题。先在router中配置一下，其实应该写二级路由的，但是我比较懒我就不写二级路由了，凑合着看吧{path:"/index",redirect:"/i

旋木丶转马·2020-06-21 05:27

基于vue+elementUI实现的三级菜单

实现效果如下list数据list:[{item"icon":"el-icon-s-order","name":"订单管理","path":"/orderManage""childrenMenu":[itemChild{"icon":"el-icon-waller","name":"充值卡","path":"/orderManage/rechargeCard","children":[itemChi

你一定要努力，但千万别着急·2020-06-21 05:17

vue+elementui实现表头根据后台数据动态生成字段

思想：需要后台提供表头字段数据，然后循环该数组实现表头动态生成{{scope.row.type}}数据:{{tableData}}exportdefault{data(){return{cols:[{label:"节点编号",prop:"node",type:"normal"},{label:"名称",prop:"name",type:"normal"},{label:"类型",prop:"typ

The ever Boy·2020-06-21 05:53

VUE+Element学习笔记（一）VUE+ElementUI实现登录功能

前面的话自己瞎JR捣鼓VUE+ElementUI也有些时日了，趁空想系统地记录一下。练习技术，没有比实战更好的方法了。所以想通过做一个小系统，来熟悉一下。

HowYouth·2020-06-21 05:13

Vue+elementui的后台管理系统模板

网址:101ycy.com:6001，直接点击登录即可前端--->github:https://github.com/merciqiao/merciqiao-vuemaster分支后端--->用的springcloud+mysql(euraka,feign,hytrix,shiro,config等)功能:1.三种表单模版:横向自适应,纵向单列,纵向双列2.动态路由,动态菜单,路由和菜单均是由后端根

ycy白米饭·2020-06-21 04:57

VUE+ElementUI开发后台功能,隐藏左侧菜单栏再展开有白框问题解决方法

在methods里的collapse函数里增加监测左边导航栏offsetWidth值为0则修改，如下所示：//折叠导航栏collapse:function(){this.collapsed=!this.collapsed;varmenuWidth=document.getElementById('menuClass');if(menuWidth.offsetWidth===0){menuWidth

MySunshine07·2020-06-20 22:01

Vue+elementUi给select选项值动态从后台获取，同时将选中值的id传给后台

给出的问题：选项动态从后台获取，同时要实时获取到用户选中值的idselect框有红，黄，蓝三个值，id分别为1，2，3用户点击红，获取到红的id为1用户点击黄，获取到黄的id为2用户点击蓝，获取到蓝的id为3问题步骤分为三步：1、点击select框，发送请求到后台取到data值，动态渲染到页面上2、点击要选中的值，拿到选中值的id3、获取选中值的id，赋值给定义好的某个变量准备工作：创建全局变量d

UserGuan·2020-06-20 21:51

VUE+Element UI实现表格行内编辑

VUE+ElementUI实现简单的表格行内编辑介绍关于VUE+ElementUI实现简单的表格行内编辑效果（即点击相应的行后，实现当前行的编辑），这个功能的实现可以用于编辑的时候，涉及少数内容的编辑，

jiaoのpan·2020-06-12 10:50

通过一个vue+elementUI的小实例来讲解一下它们是如何使用的

需求：点击一个按钮，弹出一个模态框，这个模态框有两个tab，tab中是各种报警条件，这些报警条件是从数据库中动态取出的，数据库中数据变更后，这个界面也要变更，我们可以查看和编辑这些报警条件。底部“确定”按钮点击的时候，会同时将这两个tab中的内容都保存到数据库中去，数据录入要验证输入的格式。对于熟练的人来说，实现其实很简单，但是对于没有经验的人来说，如果按照官网给的那些简单实例来做，你会发现，出现

邹琼俊·2020-06-01 09:00

使用Vue+ElementUI实现前端分页

背景项目中要做一个公共的附件展示列表，针对某个模块某条记录展示，因此附件不会是大数据量，采用前端分页，使用Vue.JS+ElementUI布局展示,axios请求数据。步骤一、Html页面中引入JS、CSS建议直接下载js文件到本地，在引入到页面。二、页面中添加ElementUI的表格根据项目的需要可以自行选择：https://element.eleme.cn/#/zh-CN/component/

流浪阿丁·2020-05-14 10:00

el-input 数字校验

项目中使用Vue+elementUi搭建后台管理系统，在输入框进行数字校验的时候不知为何官网的方法不起作用，只能用了个迂回的方法。

ai耳边的呢喃·2020-04-28 10:17

Vue基础：子组件抽取与父子组件通信

在工作中承担一部分前端工作，主要使用Vue+ElementUI。随着版本迭代，需求增加，页面往往变得更加臃肿，不易维护。学习子组件的封装和抽取，能更好适应需求。

Ygria·2020-04-26 16:00

VUE+elementui组件在table-cell单元格中绘制微型echarts图

需求效果图示例实际完成效果图**代码实现注：table表格为二次封装的子组件-在table表格中根据scope.$index动态设置元素的id，便于指定单元格的echarts初始化；-在单元格中触发一个方法，传入当前的scope.row数据或者指定其他数据，并且传入scope.$index以及一个字符串便于识别当前是哪条数据的charts-在方法中绘制echarts**近{{dateType}}天

吃三个汉堡·2020-04-20 16:10

Vue+ElementUI实现tab选卡式后台Admin

在以往管理系统开发，相对比较大型的后台都会做成tab选卡式、即左边手风琴列表导航菜单，右边一个tab选卡容器。点击左边的菜单在右边打开一个选卡，选卡中内容是独立的，选卡可以任意切换和关闭。在组件化开发之前的普遍做法是为tab内嵌入iframe，但现在既然用上vue组件开发我们就不能走老路了。我们使用elementui的tabs组件和menuNav来实现这个效果，我们希望点击menuNav中的ite

huanent·2020-04-13 18:42

华为云搭建余浩杰的个人网站（新闻+电商+空间）01-主页后台管理系统的登录

前端技术：Vue+ElementUi后端技术：SpringCloudAliBaBa+MySql+MyCat+Kafka+Elasticsearch+Hbase+MyBatis+爬虫+JWT部署技术:Docker

风写意·2020-04-11 17:21

vue+ElementUI改变主题色

背景介绍：项目使用vue.js+elementUI+scss，但是项目的主题色要修改为紫色。Mac电脑，且已安装过npm。我使用的是全局安装（-g），官方文档说是建议安装在项目中全局安装步骤cdelement-demonpmielement-theme-gnpmielement-theme-chalk-Det-i修改scss中的颜色值etmain.js修改引入步骤说明进入项目文件夹cdelemen

hsqin·2020-04-10 01:58

简单了解Vue + ElementUI后台管理模板

最近学习和项目都用到了Vue和ElementUI，自己不是专业前端，搞这些UI上的东西还是有些难度，这里推荐两个Vue+ElementUI后台管理模板vue-element-adminvue-element-admin

yaominghui·2020-04-07 09:40

用 Vue+ElementUI 搭建后台管理极简模板

本文由图雀社区成员灿若星空写作而成，欢迎加入图雀社区，一起创作精彩的免费技术教程，予力编程行业发展。写在前面此篇文章为一篇说明文档，不是教你从零构建一个后台管理系统，而是基于一个实际项目，已经搭建好了一个后台管理系统的基础框架，教你如何在此基础上快速开发自己的后台管理系统，能让读者能在掌握一些基础知识的情况下，也能上手vue后台开发。只有接触项目，才能更好地理解自己所学知识的意义，触类旁通把死知识

一只图雀·2020-04-06 19:37

webpack构建Vue+ElementUI单页面应用（2）——babel基础配置

安装babel本文的webpack版本为webpack4,所以babel中文翻译网有专门的cli安装说明，按照说明配置就ok了npminstall--save-devbabel-loaderbabel-core在webpack中使用/*webpack.conf.dev.js*/module:{rules:[{test:/\.js$/,exclude:/node_modules/,loader:"b

放游·2020-04-05 21:16

使用nginx的负载均衡机制实现用户无感更新服务

知识改变命运，撸码使我快乐，2020继续游走在开源界点赞再看，养成习惯给我来个Star吧，点击了解基于新一代接口服务框架“ApiBoot”的前后分离（“Vue+ElementUI”）管理平台基础解决方案脚手架示例

恒宇少年·2020-04-05 13:59

Vue + ElementUI 后台管理系统项目心得（一）

最近参与了公司的Vue+ElementUI后台管理系统开发，目前项目告一段落，正好做一个总结。本文件分三部分进行，其一是JavaScript部分，其二是Vue部分，最后是ElementUI部分。

OSIMLY·2020-04-03 10:26

用vue+elementUI搭建一个后台管理系统框架

之前虽然有用vue+elementUI写过后台管理项目，但是都是在别人已经搭建好的框架上调用接口进行数据增删改查，从没有自己新建过项目，最近有时间，就想着自己自己从头到尾的过一遍，这里写的都是自己觉得需要注意的

weixin_45115895·2020-04-02 22:04

钢材信息小程序开发总结(一) --- 整体介绍

于是之后每天在梦里想,怎么做,用什么做最后决定使用小程序来搞,毕竟老一辈人微信用的多,小程序逼格高十月三号配置的信息...,然后十一月开工image.png1.技术选型image.pngEggJS写API还是很爽的Vue

治电小白菜·2020-04-02 09:26

Vue+elementUI 实现远程下拉框+搜索+TAG展现+编辑回显

效果如下下拉选中之后可以配置Tag形式展现tag.png支持远程搜索搜索.png支持分页分页.png支持编辑回显正确的value以及label使用方法配置如下initvinitlabe回显值绑定label-key绑定label取自查询结果的哪个key一般为namelabel-value绑定下拉框value绑定查询结果的某个key默认idshowtag选中后是否tag形式展现tagtypeeleme

黄永超·2020-03-30 20:46

Vue+ElementUI项目笔记（五、调用接口+分页）

模板交互调用接口import{getFlightInfo}from'../../service'exportdefault{name:'flightHome',data(){return{resource:'',flightList:[],pagesize:10,highlightId:-1,currPage:1,start:1,total:10,}},methods:{getFlight(){g

怪兽别跑biubiubi·2020-03-29 14:41

Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除）

最近有使用vue+elementUI实现多图片上传的需求，遂做此纪录。本次主要写一下前端的实现细节，至于后台以Multipart[]数组接收即可，不再赘述，网上一搜大把文章可供参考。

许愿瓶1·2020-03-23 14:03

Vue+ElementUI项目笔记（三、ElementUI表格）

模板{{scope.row.sub_num}}管理员删除保存交互调用接口import{searchServiceState}from'../../service'exportdefault{name:'Home',data(){return{tableData:[],type:'"",status_name:[]}},mounted(){this.type=this.$route.params.t

怪兽别跑biubiubi·2020-03-20 19:42

VUE+ElementUI单选表格

选择单行进行绑定html{{scope.row.name}}{{scope.row.phone}} 确认绑定取消jsexportdefault{data(){return{tableData:[{name:'王小虎',phone:'135687124544'},{name:'王小虎',phone:'135687124544'},{name:'王小虎',phone:'13568712454

按时搬砖的小陈·2020-03-20 11:55

Vue+ElementUI项目笔记（六、查询）

模板-查询添加重置>交互import{getReciveList}from"../../service"import{formatTime}from"../../utils/time.js"exportdefault{data(){return{type:'',title:'收货主单',searchInfo:{params:{type:0,order_three_code:'',//单号三字码or

怪兽别跑biubiubi·2020-03-17 05:27

Vue+ElementUI项目笔记（四、表单+计算）

模板{{scope.row.volume}}{{scope.row.volume_weight}}删除交互引入计算插件const{Decimal}=require("../../utils/count.js")exportdefault{name:'volume',data(){return{tableData:[{}],getLength:null,}},methods:{handleDelet

怪兽别跑biubiubi·2020-03-14 14:31

vue+elementui Admin 结合的项目中使用TinyMce 富文本上传本地图片

1.其实element-admin中已经整合了tinyMce富文本的配置，但是再项目需求中需要自己上传本地图片，就像这样（用霉霉来镇楼）2.本次项目上传图片的思想：先拿到本地的图片转换为base64的格式，传递给后端，后端保存后再返回给我们一个图片地址，最终我们需要的就是这个地址做显示和保存具体的操作：因为安装和基本的富文本配置都由elementui+admin给我们做了，我这里主要是再贴一些本次

那年·2020-03-05 20:51

Vue+elementUI监听键盘回车事件，首次执行时页面刷新问题

在使用el-input组件时，为了操作方便，监听了@keyup.enter，直接enter键提交，但是首次提交时会出现页面刷新。原因：input表单外部有form，默认会执行form的submit事件，对页面进行刷新。解决方案：

IT飞牛·2020-02-29 16:17

图片input框自定义样式及前端回显

原生的选择框：基础框架vue+elementUI，这里使用vue单文件组件（SFC）实现，但核心代

DDD7·2020-02-26 03:02

Vue + ElementUI 后台管理系统项目心得（二）

Js的总结请见前一篇：Vue+ElementUI后台管理系统项目心得（一）话说过完年回来，仿佛一夜之间身边的人都在谈论Vue，相关的组件也如雨后春笋一般涌现出来，比如大名鼎鼎的ElementUI、iView

OSIMLY·2020-02-23 20:15

Vue+ElementUI项目笔记（二、配置路由）

components在components文件夹下新建vue文件：login.vuewelcome.vuehome.vueindex.js======单级路由importVuefrom'vue'importRouterfrom'vue-router'importLoginfrom'@/components/Login'importWelcomefrom'@/components/Welcome'i

怪兽别跑biubiubi·2020-02-22 05:08

全栈式部署：SpringCloud 微服务+Docker + Vue + nginx 前后端一站式部署

操作步骤非常详细，新手友好型文章~后端技术栈：SpringCloud微服务架构+Redis+RabbitMQ+MySql；前端技术栈：Vue+ElementUI；部署工具：后端用Docker容器化部署，

solocoder·2020-02-22 01:39

Vue+ElementUI upload 上传前压缩图片

非常感谢文章作者技术分享,请多多鼓励他们文章链接：https://blog.csdn.net/weixin_44134899/article/details/95046994场景：在Vue项目里，利用ElementUI的upload组件，上传图片，在图片上传前，对图片进行压缩。做法概述：在before-upload方法中对图片文件进行处理，并返回处理后的文件。beforeUpload方法中，除了可

HealerLZH·2020-02-18 00:35

Vue+ElementUI select中V-model数据修改后，试图不刷新

今天遇到一个问题，浪费了很长时间才解决，虽然问题解决了，但并没有理解真正的原理。问题描述：页面结构是由2层循环遍历出来，其中有el-select，v-model绑定的值是第一层循环出的子项的attention属性。为了给下拉框设置初始值，在created中，遍历数组，给每一个元素添加attention属性，并赋值为其子数组的第1项的title值。使用此方法设置后，当改变下拉框选项时，无法更改。HT

鯡垳·2020-02-11 09:44

Vue+ElementUI+SpringMVC实现分页

Vue+ElementUI+SpringMVC实现分页这一段时间写项目用到了Vue+ElementUI，这里记录一下使用ElementUI内置分页插件结合后端SSM框架的实现思路和实现过程。

TyCoding·2020-02-07 11:49

推荐频道

Vue+ElementUI