随笔分类 -  前端学习

Vue、layui
SpringBoot+vue+elementUI+minio文件上传并点击下载
摘要：页面代码 <el-form-item label="文件上传" prop="fileList"> <el-upload class="upload-demo" :action="upLoadUrl" :before-remove="beforeRemove" :on-remove="upLoadRe 阅读全文
posted @ 2021-06-03 15:20 soldier_cnblogs 阅读(2323) 评论(0) 推荐(0)
elementUI多文件上传只请求一次接口
摘要：页面代码 <el-upload :auto-upload="false" multiple class="upload-demo" :action="#" :on-change="uploadChange" :before-remove="beforeRemove" :on-remove="upLo 阅读全文
posted @ 2021-06-02 17:24 soldier_cnblogs 阅读(1591) 评论(0) 推荐(1)
elementUI中为 el-upload 文件上传添加表单校验
摘要：本人CSDN地址：链接 template内： <el-form-item label="文件上传" prop="fileList"> <el-upload class="upload-demo" :data="upLoadData" :action="upLoadUrl" :on-remove="u 阅读全文
posted @ 2020-08-12 16:43 soldier_cnblogs 阅读(3003) 评论(0) 推荐(1)
elementUI二次文件上传要刷新
摘要：elementui 第二次或者第N次文件上传 要刷新页面才可以 原因： 因为你的 el-upload 设置了 :limit="1" 当你上传了一次文件后，你没有清楚当前的 files ，所有点击第二次没有反应 解决办法： 为你的 el-upload 添加 ref="upload" 文件上传成功时的钩 阅读全文
posted @ 2020-06-13 16:55 soldier_cnblogs 阅读(2261) 评论(0) 推荐(0)
Element穿梭框Transfer使用心得
摘要：丑话说在前头 1、不要以为Transfer左右两边的数据是分别查询的！！！ 2、左边是数据源，即:data，理解为【未选成员】--定义字段为：notChoiceDataList 3、右边是value/v-model，理解为【已选成员】--定义字段为：choiceDataList 4、数据源的意思是： 阅读全文
posted @ 2020-05-30 10:30 soldier_cnblogs 阅读(10596) 评论(2) 推荐(1)
基于 Vue.js 2.0 酷炫自适应背景视频登录页面的设计『转』
摘要：本文讲述如何实现拥有酷炫背景视频的登录页面，浏览器窗口随意拉伸，背景视频及前景登录组件均能完美适配，背景视频可始终铺满窗口，前景组件始终居中，视频的内容始终得到最大限度的保留，可以得到最好的视觉效果。 并且基于 Vue.js 2.0 全家桶。具体效果如下图所示： 最终效果可以翻到文章最后观看。 背景 阅读全文
posted @ 2019-12-11 10:20 soldier_cnblogs 阅读(2012) 评论(0) 推荐(0)
使用vue-cli创建项目
摘要：创建项目 定位到你的工作目录,打开终端(会在你的工作目录下新建项目) 全局安装vue-cli npm install vue-cli -g 查看版本 vue -V 基于webpack来构建一个名称为hello的vue项目 vue init webpack hello 出现提示 Command vue 阅读全文
posted @ 2019-11-28 16:46 soldier_cnblogs 阅读(211) 评论(0) 推荐(0)
layui动态渲染select等组件并初始化赋值失败
摘要：描诉：有一个用户信息form表单，其中有部门单选框，数据库中有一张dept（部门）表，要动态渲染出所有部门，并默认选中用户所在部门 关键代码： html页面 <div class="layui-form-item"> <label class="layui-form-label">所属部门</lab 阅读全文
posted @ 2019-07-25 21:10 soldier_cnblogs 阅读(5298) 评论(0) 推荐(0)
layerweb弹层组件（SSH框架下）
摘要：action类 这里主要看业务方法中表单路径中的（isClose = "1";return resUri;） 1 public class MaterialsAction extends BaseAction implements ModelDriven<Materials>{ 2 /** 3 * 阅读全文
posted @ 2019-03-24 21:08 soldier_cnblogs 阅读(243) 评论(0) 推荐(0)