vue+elementUi 第15页

使用Vue + ElementUI搭建基本的脚手架

使用Vue+ElementUI搭建基本的脚手架使用Vue+ElementUI搭建基本的脚手架一、脚手架的构建工具二、安装@vue/cli三、使用vuecreate命令创建项目四、启动项目五、项目结构介绍使用

@灵活的胖子@·2020-09-12 20:24

vue+elementUI中使用el-upload进行图片上传

代码如下:代码解析：action：必选参数，上传的地址/也可以为空掉接口写地址show-file-list：是否显示已上传文件列表http-request：覆盖默认的上传行为，可以自定义上传的实现before-upload：绑定的是上传图片前要执行的方法用来限制图片的大小、格式on-remove：文件列表移除文件时的钩子img标签里放的是上传成功后显示出来的图片i标签里放的是默认未上传图片时的图标

summer _q·2020-09-12 14:00

Vue+ElementUI实现：限制输入框只能输入正整数

这里利用正则来规避掉小数点和负数在这里呢使用的就是elementUI的事件了，我们监听一下失去焦点的时候要触发事件，同样的我们要传入进去$event参数methods中编写函数BlurText(e){letboolean=newRegExp("^[1-9][0-9]*$").test(e.target.value);if(!boolean){this.$message.warning("请输入正整

Marcus丶·2020-09-12 13:26

elementUI表单验证数字时失效

在写vue+elementUI项目的时候遇到了验证数字失败的问题，解决办法：用‘.number’修饰v-model，例子如下：注意：prop后面的值要与v-model.number绑定的字段名保持一致，

String佳佳·2020-09-12 12:21

使用jest测试vue+elementUI项目

使用jest测试vue+elementUI项目因为在网上都没有完整的流程，资料也很少，开始的时候踩过很多坑，所以写一些东西记录一下，有问题也可以提出来一起讨论。

twmay006·2020-09-12 12:20

Vue + el-upload + Java 上传下载

上传1.前端（Vue+elementUI）js:1.action首先为什么不用http-request，我这边Content-type默认提交是application/json文件上传的话类型必须是‘multipart

啊迟·2020-09-12 11:27

vue+elementui组件 el-upload图片上传获取不到token

方法：直接给这个组件添加token1.先引入tokenimportCookiesfrom'js-cookie'2.获取dataObj:{Authorization:Cookies.get("loginToken")}};3.1添加到组件3.2添加到请求头

家有萌宝一枚·2020-09-12 09:00

vue+elementui组件图片上传时。将数据和图片一起提交

直接上图点击上传只能上传jpg/png文件，且不超过500kb保存submitFile(){constformData=newFormData()formData.append('file',this.uploadFile)axios({method:'put',url:'/shopGroup/updateImage/'+this.editShopImg.id,data:formData,head

家有萌宝一枚·2020-09-12 09:00

vue+elementUI input框之过滤显示

效果图如下：methods:{querySearch(queryString,cb){letarr=[{name:'a',value:'heisagril'},{name:'b',value:'goodname'},{name:'c',value:'howboy'},];letresults=queryString?arr.filter((currentValue,index,arr)=>{con

吃瓜群众欢乐多·2020-09-12 07:15

vue+elementUI实现模糊搜索功能

computed:{searchData:function(){varsearch=this.search;//此处的etquestions均为data,这个etquestions.content.title是根据自己的需要写,一般写dataif(search){returnthis.etquestions.filter(etquestions=>{if(etquestions.content.t

sun shying·2020-09-12 06:40

element ui使用滚动条组件el-scrollbar(官方没有)解决对话框el-dialog的滚动条问题

今天写vue+elementui写项目时有个需求是要在对话框中进行操作，但是当对话框内容过多时却不会出现滚动条，通过修改样式后虽然出现滚动条，但是滚动条的样式不是很理想，通过查找发现了elementui

濮家大少·2020-09-12 00:30

vue+elementUI下拉框可自己输入内容，可下拉选择

我这边是在表单里面操作的代码，copy的时候根据自己的情况修改一下selectBlur(e){if(e.target.value){//不在表单的时候不需要判断，也不需要isname字段this.ruleForm.subjectId=e.target.value;this.isName=true;}else{this.isName=false;}},

杨园园的微博·2020-09-11 23:34

Vue+ElementUI表格合并单元格

Vue+ElementUI表格合并单元格绑定合并方法拼接合并逻辑数组的方法调用方法进行合并逻辑数组的拼接很多小伙伴会遇到展示的表格中需要合并单元格的需求，官网的api写的也不够咱们用，最近正好也遇到了一个

丿小破孩灬·2020-09-11 23:33

Vue+elementUI build打包后字体图标丢失问题

使用Vue+elementUI搭建项目npmrunbuild打包后字体图标丢失，报错如下：解决办法：webpackutils.js修改：（build目录下utils.js）添加publicPath:'.

小破孩呦·2020-09-11 15:47

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

iVRJay·2020-09-11 14:37

Vue06

目录：【十二】Vue+ElementUI【十三】路由嵌套【十四】参数传递及重定向十二、Vue+ElementUI12.1、什么是elementUI(网站快速成型工具)？

uxiang_blog·2020-09-11 10:06

vue+elementUI项目知识点整理

常见知识点说明v-if和v-show的区别是什么呢？1.v-if:是条件渲染，每次都会重新删除或者创建元素，v-if有较高的切换性能消耗。2.v-show:每次不会重新进行DOM删除和创建操作，只是切换元素的display:none样式，有较高的初始渲染消耗。提示：如果元素涉及到频繁的切换，最好不要使用v-if而用v-show,如果可能永远被用户看到则用v-if------------------

金刚大力士·2020-09-11 09:15

vue+element ui样式修改不了的问题

vue+elementui样式修改不了的问题我们在写vue组件的时候都会习惯性的在style里面加一个scoped，问题就出在了这里，我们只要把scoped去掉即可。

时丨光·2020-09-11 09:38

【Vue笔记四】 vue+elementUI

element官网：https://element.eleme.cn/#/zh-CN具体的初始化步骤在上一篇：https://blog.csdn.net/Deeeelete/article/details/106198633这里同样以管理员身份开命令提示符，npminitwebpack[项目]来初始化以一个项目，然后进入其目录npminstall，并且下载vue-routernpminstallv

Deeeelete·2020-09-11 07:05

vue+ElementUI中的多选框中的不确定状态

用indeterminate与checkAll控制不确定状态checkbox有三种状态全选(显示的'√'),选中部分(显示的'-'),全不选(啥都没显示)对于indeterminate和v-model绑定的a和b的值如果truetrue或者truefalse样式为-如果falsetrue样式为√如果falsefalse样式为不勾示例为elementUI官网上的案例全选{{city}}constci

这个世界太疯狂了·2020-09-10 20:40

vue+element ui 的上传文件使用组件

前言：工作中用到vue+elementui的前端框架，使用到上传文件，则想着封装为组件，达到复用，可扩展。

weixin_30279671·2020-09-10 18:41

vue+elementui 实现多选框两个选项同时勾选

问题描述：最近项目遇到一个小功能实现，即在el-checkbox-group中，点击某一个选框时，有一个选框会同时被选中，并且这个被选中的选框被设置为禁用状态。实现思路：在js里面，判断多选框是否选中，得到多选框选中的值，都是通过id来获取对应的多选框的状态、值。但是通过elementUI的多选框官网里面可以知道，el-checkbox没有id这个参数。多选框组设置绑定v-model，绑定选中的存

qq_41649755·2020-09-10 16:36

element ui的一个el-checkbox-group问题

今天在处理vue+elementui自动循环生成页面的问题时，被的一个问题搞死了，具体现象就是：通过v-for自动循环出的checkbox出现了点一个全选的情况，中间通过自己定义一个零时的空[]却可以无错通过

王志鹏的博客·2020-09-10 16:41

vue+elementui限制input只能输入数字

除了数字其他输入不了~~

我的大树·2020-09-10 14:40

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

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

图雀社区·2020-09-10 14:27

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

使用Vue+ElementUI，构建出最基本的树如下图所示：现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。下拉菜单将下拉菜单嵌到树节点中，使操作更加简便、紧凑。

·2020-09-10 10:37

vue+elementui实现下拉框及页面刷下

vue+elementui实现下拉框及页面刷下1、应用场景：首页是一幅地图，地图中有相应的地址，点击相应的地址会跳转到相应的页面!

瑞比ya·2020-09-09 23:55

分享vue+elementui 采用el-row布局小坑

分享vue+elementui采用el-row布局小坑问题：24份布局，分4个输入框，出现文字与输入框各在一行的样式bug。

滚石青年·2020-09-03 15:19

vue+elementui实现el-table中显示图片

1、table中显示图片2、当需要遍历图片时，不能直接使用prop绑定值3、一张图片4、多张图片

卡洛背心·2020-08-28 16:21

vue+elementui实现图片预览，放大图片

背景：后台系统用到图片预览功能。页面方法methods/*操作--查看图片预览*/getImgList(index){letimages=JSON.parse(JSON.stringify(this.extend))for(leti=0;i<index;i++){images.push(images[0]);images.splice(0,1);}returnimages},

小红同学5·2020-08-25 05:30

vue+ElementUI附件上传

Element官方插件Upload上传,详情看官方文档,具体实现如下:几个重要的参数:on-preview：图片的话点击可做放大操作,附件的话点击可做下载操作（对上传过的附件下载挺有用的）。on-success：上传成功返回参数。file-list：列表里面放的是附件name和url（对多附件非常重要，name和url我是在后端封装的，返回的josn对象名一定要是name和url）。on-remo

不说不闹睡觉觉·2020-08-25 05:33

Vue+ElementUI的文件上传要求选择图片回显预览

在官方例子中绑定img标签的src属性，并绑定文件上传变化的事件在文件每次变化，把文件的url放入blob池并回显。

.树懒.·2020-08-25 02:03

Vue项目在Docker的自动化部署

Centos安装Git、DotNet、Docker2.Github创建仓库https://github.com/longtaosu/Vue2DockerDemo3.本地初始化Vue项目初始化过程请参考：Vue

aofgryq715157389·2020-08-25 01:47

vue+elementUI项目中，el-dialog弹出框被遮罩层覆盖

vue+elementUI项目中，el-dialog弹出框被遮罩层覆盖一、问题表现el-dialog弹出框被遮罩层覆盖但是，浏览器调试时，明明遮罩层比弹出框z-index层级小【低一层】。

AIU哎呀·2020-08-24 07:21

城市三级联动vue+elementUI详解(对象数组类)

城市三级联动vue+elementUI详解效果图一.基础数据引入二.template内的代码三.methods内的代码四.代码解析:五.备注:效果图一.基础数据引入1.在里提前引入area.js文件area.js

泡椒猪肝·2020-08-23 21:04

vue+elementui el-upload上传文件携带参数

exportfunctionparsingExcelAddData(data,setId){returnfetch({url:'',method:'post',//方式一定是postheaders:{'Content-Type':'multipart/form-data','setId':setId//放到formData里后端拿不到，所以放到请求头里了},data:data//参数需要是单一的f

心向阳光，便是晴天·2020-08-23 21:18

vue+elementui封装select-tree下拉树【单选|多选】模块

组件代码：//事件有两个参数：第一个是所有选中的节点ID，第二个是所有选中的节点数据*确定exportdefault{name:'test-code',props:{//树结构数据data:{type:Array,default(){return[];}},obj:{type:Object,required:false,default:()=>{return{id:'id',//IDlabel:'

w_小小泽·2020-08-23 19:59

vue+elementui 使用tabs 浏览器会卡死问题

最近在用vue+elementui开发后台管理系统，竟然出其不意的遇到了神坑（使用tabs浏览器会卡死问题）。问遍了身边的前端工作者，表示木有任何一个来遇到该问题。于是，翻翻白眼，能怎么办。

scy_fighting·2020-08-23 19:42

vue+elementUI实现导出el-table表格(fixed固定列数据不重复)

//安装依赖，主要是两个依赖:(xlsx和file-saver)npminstall--savexlsxfile-saversrc文件下建立个目录until（存放公用的js文件），until下建立个excel.js//引入依赖importFileSaverfrom'file-saver';importXLSXfrom'xlsx';//id绑定的id，title表格名称exportconstexce

@深海爱人·2020-08-23 15:04

项目开发:Vue+elementUI中el-select不对应展示问题的详细解答

项目开发:Vue+elementUI中el-select不对应展示问题一.问题:elementUI中el-select不对应展示问题二.问题产生原因:三.具体解决方案一.问题:elementUI中el-select

泡椒猪肝·2020-08-23 15:29

vue+elementui el-select下拉框单选多选问题

我的需求是当选择“单导心电”或者“常规心电图”时其余不可选，这两个只能是单选，选择其他的时候是多选。如果选择了其他的，再选择二者其中一个的时候，文本框只能是二者其中一个

心向阳光，便是晴天·2020-08-23 15:18

Vue学习（博客系统登录后端实现）

上一篇通过vue+elementui实现了前端的登录页面和请求，但是后端是没有实现的，所以登录会提示登录失败今天来实现一个简单的后端数据库验证登录，后期有时间会使用springsecurity加上安全验证

dw147258dw·2020-08-23 10:40

vue+elementUI标签里面三元运算符的运用

最开始用v-if和v-else，感觉代码冗余。用{{}}语法写三元运算符又总是报错尝试几种写法后，以下为准确写法

hongc93·2020-08-23 01:01

vue+elementui el-cascader回填功能

updateChart(id){this.$http.get('url?id='+id).then(res=>{if(res.data.success===true){this.dataTableId=res.data.data.dataTableIdthis.dragTo.values=res.data.data.dragTothis.$refs.hottable.editShowTableMe

心向阳光，便是晴天·2020-08-22 19:38

vue+elementui el-cascader刷新问题

1.cascader是定义的ref="cascader"this.$refs.cascader.panel.lazyLoad();