vue+elementUi

SSM四个分层架构详细解析

前言最近一直想把学习mavenSSMSpring+SpringMvc+Mybatis框架以及前端框架Vue+ElementUI的学习收获分享出来，但是迫于一堆DDL只能现在捋一捋。
美好环环相扣·2020-07-13 20:43

vue+elementUI项目的踩坑~~持续更新

日常工作记录，如果对你有帮助请点亮小~心~心喔~~~接受礼貌的批评指导目录：1、el-form只有一个搜索条件时页面刷新问题；2、el-tree树形控件，给项目安装jsx语法；3、el-cascader（foreach和箭头函数）获得选项更多信息；4、Vue实现对数组、对象的深拷贝、复制5、input关于金额输入限制（正则表达式~）6、子元素设置margin-top，父元素被影响了~7、导航类目效
weixin_33881050·2020-07-13 18:11

VUE+ElementUI布局随笔

1.el-container标签非必须。2.每一个vue文件中，所有的html代码都应该写在同一个dom中，否则会报错。3.el-aside默认宽度为300px,可以通过在标签中修改width属性来调整。4.若router-view想通过name属性来指定渲染的组件，则在router.js中，该组件在注册时，必须是components的方式，否则无法加载。5.vue项目会加载public/inde
weixin_30700977·2020-07-13 17:10

Vue+Element-UI在使用select标签时动态展示数据，设置默认值后无法选择其他项的问题

使用vue+elementui遇到的坑，记录以免以后再次遇到。
V字少年·2020-07-13 14:14

vue+elementUI版时间范围选择器（具备昨天、本周、上周、本月、上月等快捷选择按钮）

昨天本周上周本月上月导出import{timestamp}from'@/utils/index'importmomentfrom'moment'exportdefault{props:{placeholder:null},data(){return{range:[],dateObj:{startTime:'',endTime:''},oneDay:86400}},computed:{nowYear
scorpio_h·2020-07-13 13:13

Vue+ElementUI实现input框模糊查询提醒

先是用了ElementUI中给的el-autocomplete例子：querySearch是这样定义的：querySearch(queryString,cb){varrestaurants=this.restaurants;varresults=queryString?restaurants.filter(this.createFilter(queryString)):restaurants;//
sanlingwu·2020-07-13 13:36

详解Vue+elementUI build打包部署后字体图标丢失问题

错误描述：Vue+elementUIbuild打包部署后字体图标丢失，控制台显示文件element-icons.woff和element-icons.ttf文件404错误展现：控制台报错截图dom渲染展示解决方法：webpackmodule配置：(build目录下webpack.base.conf.js)module:{rules:[...(config.dev.useEslint?[create
·2020-07-13 12:09

vue+elementui下载附件

elementui下载附件一般是在点击文件后发生的，应在el-upload组件的on-preview函数中实现第一次使用FileSaver插件下载附件，一到上线就会报错找了百度也没有找出答案，就换种方法this.$axios({url:file.url,//后端返回文件的路径type:"get",responseType:"blob"}).then(res=>{if(!res){this.$mes
qq_32496215·2020-07-13 10:15

VUE + ElementUI 从搭建到运行

前言:本文简洁的描述VUE+ElementUI从搭建到运行，可以根据本文先搭建出可运行的项目，然后再详细回顾每个步骤所做的事；也可在第二次搭建的时候作为步骤回顾与参考。
俊俊的小熊饼干·2020-07-13 08:08

vue+elementui 应用中关闭对话框清除验证和表单内容

在项目中遇到对话框关闭或者取消后，再次打开验证错误或者表单内容依然存在的效果，如下：这种用户体验显然不好，那么如何解决这种问题呢？第一种方法简单粗暴，就是在dialog对话框添加v-if，下次打开对话框重新渲染即可。第二种方法就是在dialog取消按钮或者在对话框关闭的‘before-colse’事件中添加：this.$refs['formData'].resetFields();formData
kirinlau·2020-07-13 06:27

vue+elementui 折叠面板的全部展开与全部显示功能

最近的项目中涉及到了折叠面板的全部展开与全部显示功能下面就大致的总结一下第一种情况：开始显示全部展开（这时面板全部都是收缩的），当其中的一个面板被手动打开，那么就显示全部收缩（这时面板至少一个被打开）这个是比较简单的，看一下怎么实现吧!1.首先需要在折叠面板中绑定activeName，activeName用来装每个面板的唯一标识//中间是具体的每一个面板都是通过后台传过来的列表进行循环显示的act
是Joi呀·2020-07-13 06:24

基于Vue+ElementUI的省市区选择公共组件

公共组件部分此组件是配合后台用的，每选择一次，调去一次后台接口，获取相应地址的数据。html部分：JS部分：exportdefault{name:"city",data(){return{sheng:[],shi:[],qu:[],};},props:["addList"],//从父组件接受的数据methods:{//获取省getsheng(){var_this=this;_this.$axios
Jerry丶惟·2020-07-13 06:16

vue+elementUI实现搜索框历史记录

1、jsp部分（参考elementUI官方）：2、主要是利用浏览器本身自己带的localStorage存储空间，下面是实现的JSONdata(){return{noRoNameHistory:[]//定义一个存放历史搜索记录的数组}}findFirPage(){this.listQuery.page=1//自己项目定义的查询页面this.setIntoStorage()this.findPage(
Rechust-E=mc²·2020-07-12 23:28

VUE+ElementUI布局随笔

VUE+ElementUI布局随笔el-container标签非必须。每一个vue文件中，所有的html代码都应该写在同一个dom中，否则会报错。
HowYouth·2020-07-12 22:12

简单的VUE+elementUI请求数据和分页

模板分页exportdefault{return{currentPage1:1,total:0,page:1,pageSize:10,pageNum:1}},methods:{//获取列表数据getUser:function(){letpara={pageNum:this.pageNum,pageSize:this.pageSize,};this.loading=true;getList(para
小牧鱼·2020-07-12 12:27

vue + elementUi 实现密码校验

vue+elementUi实现密码校验原文链接：https://www.cnblogs.com/zengkai/p/10142472.htmldata(){varvalidatePass2=(rule,
五颜六色的黑·2020-07-12 10:33

vue+elementui时间验证问题处理

2019独角兽企业重金招聘Python工程师标准>>>问题描述使用标签时，有时间校验规则，如果添加时间，没问题，但是编辑时，不重新选择的话，会报错代码展示exportdefault{created(){this.getData()},data(){return{result:{update:'',},rules:{update:[{type:'date',required:true,message
weixin_34238642·2020-07-12 09:23

封装一个优雅的element ui表格组件

现在做后台系统用vue+elementUI的越来越多，那elementui的el-table组件肯定也离不开。虽然elementui的table组件很好。但是表格和分页是分离的。
weixin_33705053·2020-07-12 07:59

MVC框架+vue+elementUI

用自动化构建做的vue项目，因为是动态加载数据，在SEO优化时一直不如意，于是我们换了框架，用MVC框架，做成静态页面，但是原来的代码都是用vue和elementUI，为了快速的复用原来的代码，于是在项目中引入了引入vue.js和elementUI。需要引入的：@Styles.Render("~/Content/elementUI/index.css")//elementui的样式@Styles.
weixin_30657541·2020-07-12 06:04

Vue + ElementUI + SpringMVC 实现分页

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

springboot+vue+elementui 上传图片和文字（表单）到阿里oss 前后端代码详解

一、前端前端使用的是vue+elementui;data中定义(根据页面规划来)upLoadVisible:false,uploadForm:{//主标题title:'',//banner类型：1：首页
尔卿·2020-07-11 21:58

vue + ElementUI 点击页面内按钮跳转，导航栏选中问题

vue+ElementUI点击导航栏跳转页面是可以正常跳转高亮的，但通过页面内点击按钮跳转页面就会导致侧边栏不知道该选中哪个了（哪个处于高亮状态）？
kellalove·2020-07-11 09:32

vue+ElementUI 分页

现在写的Vue+ElementUI是自己写的是文档上的死数据，所以在分页上自己分割了一下，如果有接口话，会方便一点，使用的是分页的完整功能。都差不多啦！
aican1592·2020-07-11 01:34

VUE+ELEMENTUI el-upload照片墙手动上传多张图片 保存和修改功能前后端完整实现

版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。VUE+ELEMENTUIel-upload照片墙手动上传多张图片保存和修改功能前后端完整实现el-upload照片墙上传的方式是，选择完一个文件后，就立马上传，而不是多个文件一块上传。这个细节在我写的时候没注意到，以至于时间被耗费，神经要抓狂。将自动上传改为手动上传方式的话，就需要我们自己创建新的fo
Young_yaru·2020-07-11 00:49

Vue+ElementUI+SpringMVC实现分页

2019独角兽企业重金招聘Python工程师标准>>>Vue+ElementUI+SpringMVC实现分页这一段时间写项目用到了Vue+ElementUI，这里记录一下使用ElementUI内置分页插件结合后端
weixin_33701251·2020-07-10 19:35

Vue+ElementUI 实现简单文件上传

在Vue.js中，如果你使用的是ElementUI的组件库，那么在实现文件上传的功能时，我们可以选择其附带的upload组件来实现，对比我们通过ajax来实现文件上传，使用组件的好处是组件内有封装好的一些响应方法，我们只需要调用即可{{btnText}}这里列举了常用的几个方法on-success、on-error、before-uploadon-success和on-error分别表示上传成功和
xpp0205·2020-07-10 09:52

element-ui 导出excel

element-ui导出excel项目简介vue+elementUi插件使用ProjectDescriptionfile-saver保存文件xlsx电子表格解析器安装npminstallfile-saverxlsx
weixin_34258838·2020-07-10 08:12

vue+elementui文件上传以及校验提示

好记性不如烂笔头，还是老实记录下。我这边上传文件是统一通过表单提交上去，不是单独上传文件。所以用varformdata=newFormData();对象来上传表单以及文件。其中的一个需要上传的文件，（目前只能上传一个）。上传on-change对应的方法以及表单rules验证的方法uploadChange:function(file,filelist){if(filelist.length&&fil
过去式的美好·2020-07-10 04:34

vue+elementUI完成注册及登陆

vue怎么引入和配置使用element-ui框架1.1使用vue-cli脚手架工具创建一个vue项目vueinitwebpackpro011.2npm安装elementUIcdpro01#进入新建项目的根目录npminstallelement-ui-S#安装element-ui模块##重要的事情说三遍：在指定位置!!!在指定位置!!!在指定位置!!!~~~添加三行代码1.3在项目中src目录下找到
淼呆·2020-07-10 01:46

vue+elementUI使用JQuery的append方式追加dom

在一次自己做的项目里面要求，后端传回markdown格式的文本，前端需要展示，并且可以点击图片实现打图预览并切换图片。解析markdown文本使用的框架是Editor.mdEditor.md官网Editor.mdGitHub目前很多解析markdown的框架渲染出来的图片都是原生的img标签，但是我需要能实现大图预览的效果，正好ElementUI有El-Image组件可以帮助我完成这个功能。我尝试
Sakura0408·2020-07-10 00:48

vue+elementUI管理后台的列表页进入详情页

后台管理系统中经常要实现这样一个事儿，点击列表页的某一条，进入详情页，网上百度许久后，发现不能完全解决我的问题。在请教一位前端同学后，来总结下。1，在列表页中定义点击跳转的方法：openDetail:function(row){this.$router.push({path:'newUserDetail',query:{id:row.id}});},2，在详情页接收这条数据的id：this.id=
佳佳没有黑·2020-07-09 18:48

Vue.js实战——Vue+ElementUI bug定位及按需引用压缩优化_19

一、问题使用ElementUI后，相关图标出不来；在项目中部分页面的css中使用了backgroud-image:url(xxx/xxx.jpg)，在生产环境中不显示；ElementUI体积过大，导致Webpack打包后的js有1M多；二、目标找出原因，解决该bug；找到替代方案，方便兼容几种类型的图片加载；ElementUI改成按需加载；三、方案在DEV模式下，访问项目，发现会报："failed
在编攻城狮·2020-07-09 15:17

vue+elementui 中 @keyup 键盘上下左右移动聚焦

{{scope.row.amountY}}//键盘触发事件show(ev,index){letnewIndex;//通过ev获取当前input名称用于判断属于哪列letclssName=ev.target.offsetParent.className;//每一列if(clssName.indexOf('normalB_input')!=-1){newIndex=index*6;}elseif(cl
dianmei9350·2020-07-09 15:38

Vue省市区三级联选择器V-Distpicker的使用

Vue省市区三级联选择器V-Distpicker的使用最近用的Vue+ElementUI时，有些地方需要用到省市区三联选择器，网上安装并尝试了多种类似的插件，但都因为无法正常实现或是没有眼缘而弃用了。
adz41455·2020-07-09 13:47

vue+elementui 做的一个图片放大预览组件

基于element-ui中自带的一个组件（el-image-viewer）可自行去对应文件目录查看（node_modules/element-ui/packages/image/src/image-viewer）//preview.vueimportElImageViewerfrom"element-ui/packages/image/src/image-viewer";exportdefault
Auroka·2020-07-09 10:20

vue + elementui 新手入门案例

vue+elementui新手入门案例vuevue-routeraxiosvuexwebpackelementui接口在elementui-api中，采用springboot开发内置功能点：登录未登录判断拦截不同用户显示不同菜单
尹吉欢·2020-07-09 09:16

基于Vue的省市区三联的地区选择器V-Distpicker的使用及踏过的坑...

最近用的Vue+ElementUI时，有些地方需要用到省市区三联选择器，网上安装并尝试了多种类似的插件，但都因为无法正常实现或是没有眼缘而弃用了。
云中客youroch·2020-07-09 08:39

Vue+ElementUI整合记录

一、软件安装按网上的安装过程，先装node.js，再装vue，再装ElementUI，Axios，再装Electron，还有生成实验数据的Mock。总之用到什么装什么。安装完成后开始整合配置。二、初始化一个vue项目使用vueinitwebpackvue002基本目录结构如图，其中mock是后建的，在项目目录内，使用命令行输入npmrundev试着运行一下这个项目，如果可以看到就说明之前的安装都正
wszhlzjl·2020-07-09 00:48

vue中实现window.print()打印功能遇到的几个坑

vue中实现window.print()打印功能遇到的几个坑之前做过打印pdf功能，现在是打印当前页面，使用window.print()可以打印，不过遇到的坑比较多，先给大家介绍下项目背景，我们使用vue
℡知否、知否·2020-07-08 23:54

Vue+ElementUI实现表单验证

前言为什么要表单验证？减轻服务器的压力保证输入的数据符合要求表单验证是减少后端工作量最好的方式之一，我们可以在前端利用表单验证和正则规范化传给服务端的数据，这样就可以大大减少服务端对数据的过滤如何使用？第一步：首先向大家接单介绍一下如何在你的Vue脚手架环境中使用ElementUI//下载：npminstallElement--save//引入main.js中引入分为引入JS和cssimportE
小猿学前端·2020-07-08 19:40

vue+elementUI组件table实现前端分页功能

前端分页和后端分页就是请求的差异，前端分页的话只请求一次，所以要在rendertable组件的时候控制下数据:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"//不多解释再就是设置分页器total等于table数据的长度:total="tableData.length"点击分页器的操作methods:{han
GarenWang·2020-07-08 18:00

vue+elementui批量上传下载注意事项

批量手动上传文件，和表单数据一起提交1.在el-upload组件关键的钩子，其它省略multiple:auto-upload="false":file-list="fileList":on-change="selectFile"（里面是把上传的fileList传给自定义的this.fileList）2.点击上传，将多个文件和表单数据一起上传a.定义FormData，将表单数据和文件填充到FormD
xingba-coder·2020-07-08 18:00

vue elementUi邮箱列表选择（全选，已读，未读，删除）功能

基于vue+elementUI写的邮箱列表，包括全选，已读，未读，上次一次点击记录以及删除的操作列表组件如下：通知列表全部消息已读未读0"size="small"@click="handleRemove
一枚币·2020-07-08 01:13

ElementUI中的Table和collapse实现checkbox的多选和取消选择

最近项目中用到了Vue+ElementUI,就试着写了一些基本功能，坑真多。
java_xxxx·2020-07-07 11:01

vue+ElementUI 表单嵌套表格逐行校验（新增、编辑）的完美解决方案

vue+ElementUI表单嵌套表格逐行校验（新增、编辑）的完美解决方案一、成果二、要点和解决思路三、源码一、成果在线地址gitHub地址如果帮到你，请点个赞^_^如图，ElementUI表单里嵌套了表格
大话主席·2020-07-07 10:30

vue页面文本过长显示...鼠标悬停显示全文本

项目使用vue+elementUI，列表页面修改某一列的样式，这一列的文本过长，在表格中会自动换行，会将表格撑大，影响页面美观，需求就是让文本显示超过长度后面显示…，鼠标移上去后显示全文本，网上可以使用
℡知否、知否·2020-07-06 19:50

计算属性computed中的set和get使用例子（VUE+ElementUI）

功能说明：底部为缩略图，中间为缩略图对应的多张图片内容，类似标签页切换。右上角绿色区域为全选或取消选中，操作单一缩略图对应的所有图片，本文主要记录右上角区域的操作，利用到了计算属性的set和get方法。要求：1、勾选后当前展示的图像全部选中，取消勾选则当前全部图片取消选中；2、取消勾选某一张图片时，选中状态切换为未选中；3、切换不同缩略图时，验证对应图片是否全选，是则处于勾选状态，否则取消；4、点
zqian1994·2020-07-06 14:22

vue的hoc高阶组件在表单中的运用

业务介绍：Vue+elementUi=后端管理系统优化elementUIfrom表单组件在多个搜索条件时，代码臃肿的情况。
weixin_34248258·2020-07-06 00:18

vue+ElementUI项目中，上传控件为必填项，上传图片后清空提示信息

(ps:以下是我在项目中遇到得问题及解决方法，希望对你们有帮助。如果还有其他方法，可以留言，谢谢)一个表单页面，使用element-ui中el-upload上传图片，此项为必填项，然后写了校验规则，当不上传图片时，会提示请上传图片，当上传图片后，提示不会消失；代码如下：校验规则：imageUrl:[{required:true,message:'请上传',}]如何清楚这个提示信息呢？我们也许会用官
weixin_30606669·2020-07-05 21:22

element ui table的show-overflow-tooltip属性以及设置其宽度

用vue+elementui框架，用到table表格，如果每列显示的内容过长则可以使用该属性，即:show-overflow-tooltip="true"，该属性可以让内容在一行显示，如果显示不下时，显示
scy_fighting·2020-07-05 11:29
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他