element上传图片回显问题在项目中会使用到element上传图片预览问题,上传一张也许简单,但是上传多张就有一些坑了,贴上代码// HTML<div class="form-item-height"><label class="text-right">添加商品图片:</label><el-uploadaction="s...

在前端vue项目开发中经常会用到走马灯的场景，然而在采用Element-ui的情况下，el-carousel走马灯组件有一个默认的固定高度300px。如下所示：.el-carousel__container {position: relative;height: 300px; // element-ui 默认高度}这样会导致网页的全屏的banner被压缩或拉伸，变形十分难看，在一个认真的切图仔眼里

在项目开发时，在网络情况比较差的情况下，可能用户在提交表单时多次点击，然后导致多次请求后台接口导致数据重复写入，造成数据混乱。这个场景在前端和后端都能处理，但后端一般会让前端处理这个问题(手动狗头)，那么前端需要怎么处理呢。第一种方案：以Vue+ElementUI项目为例，如下面所示代码所示，简单实用。<template><!--... todo --><el-but

在vue项目中可能会遇到这种开发情景，如下一个公用的form.vue组件：<!--公用组件 form.vue--><el-form ref="form" :model="form" label-width="80px"><el-form-item label="活动名称"><el-input v-model="form.name"></el-i

vue+vant图片上传压缩图片大小可能在项目中大家都会遇到文件上传的需求,比如头像,图片等,但是太大的文件上传会给服务器造成很大大压力,那么我们就需要压缩上传的文件其实这儿所说的压缩,就是图片重绘,改变图片大小首先我们看一下代码：//html<div class="upload"><van-uploader:after-read="onRead":b...

element上传图片回显问题在项目中会使用到element上传图片预览问题,上传一张也许简单,但是上传多张就有一些坑了,贴上代码// HTML<div class="form-item-height"><label class="text-right">添加商品图片:</label><el-uploadaction="s...

在不同的项目中有时候依赖的node版本不一致，需要安装多个node版本依赖进行管理，这时候就需要使用nvm进行node版本管理操作。首先进行nvm包的下载，找到下面这个进行下载下载地址。下载完成之后进行鼠标双击打开安装操作，直接next，next操作。下面这一步一定要注意，有些文中说安装之前必须卸载之前安装的node，我安装时并没有卸载node，这一步很关键，就是安装nvm时选择安装node路径一