![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目中的小demo
bug的生产者
这个作者很懒,什么都没留下…
展开
-
input输入框禁止用户输入空格
借鉴陨石猎人的 https://blog.csdn.net/qq_42205731/article/details/82344468onkeyup="this.value=this.value.replace(/\s+/g,'')"<el-form-item label="应用名称" prop="name" > <el-input placehold...原创 2019-06-25 11:38:12 · 10544 阅读 · 0 评论 -
h5注册页面刚打开就向后端发送请求,根据返回的code码决定要不要展示注册页面
需求:这里的链接指的是我们注册页的链接,后面会加一连串的渠道编码,当这个渠道为禁用的时候,复制的链接打不开注册页在这里,后端给我写了一个接口,让我在页面一开始的时候就向后台发送请求,根据返回的code码决定要不要展示我们的注册页面,所以前端写一个ajax请求就好了,因为在页面还未加载的时候就请求,所以我将这段代码放在了style标签的前面 var baseUrl = "http://xxx...原创 2019-06-25 13:54:20 · 597 阅读 · 0 评论 -
H5页面自适应各种手机端屏幕分辨率的大小
之前写h5注册页的时候,总是适配不好,用过媒体查询,但是效果不太好,而且要适配的尺寸太多了,总归有遗漏的,时长达不到ui设计图的标准,后来在网上找了一篇适配的js代码,但是因为不太明白,所以使用的也不好哈哈,现在算是明白了点,故将代码放上 原文出处:https://www.jianshu.com/p/26ce1458df65 ; (function (designWidth, maxWidt...转载 2019-06-25 14:49:34 · 6456 阅读 · 3 评论 -
优化elelment ui 的 dialog 样式
在此要很感谢简书的一位作者,当初写这个弹框的时候被吐槽太丑了,尤其是页面滚动条的体验太差,先放上简书那位作者的地址 898310778 的 https://www.jianshu.com/p/a3eb60b75b92我使用简书作者的代码后感觉美滋滋,但是过了几天被我们运营发现了bug,说是所有的弹框字体太模糊了(为了方便,我把样式放在了base.css里面),在网上找原因是说transform导...原创 2019-06-25 15:43:24 · 11501 阅读 · 3 评论 -
一些正则验证(原生和element ui 自带的表单验证)
后续如果有需要还会补上他的1.验证手机号码,当用户输入的手机号不符合要求,在输入框失去焦点的时候,清空用户输入的消息显示的提示如下,使用的 element ui 的框架代码如下html部分 <el-form-item label="手机号"> <el-input v-model="searchComsupt...原创 2019-06-25 16:27:10 · 7079 阅读 · 0 评论 -
重置element ui 的dialog的表单验证
今天测试给我提了一个Bug,就是使用element ui 的dislog弹框做表单验证时,当我点击取消或者弹框的close图形时,我的表单验证的红色警告没有消失,再次点击弹框的时候,红色警告还是会出现,如下图后来上网百度解决了这个问题 <el-dialog title="新增xx公司" :visible.sync="addCompanyVisible" width="30...原创 2019-06-27 16:23:48 · 2293 阅读 · 0 评论 -
给element ui的表头加tooltip
如图,实现如下需求在element ui的头部添加一个tooltip提示,这个参考博客园的 https://www.cnblogs.com/jmwlhj/p/11004378.html 的文章 <el-table-column label="收支比%" align="center" prop="drRatio" :render-header="renderHeader...转载 2019-07-03 10:23:52 · 443 阅读 · 0 评论 -
vue货币过滤器以及路由参数的使用
需求:点击 放款本金 进入 放款订单 页面,并携带当前表格的日期到即将跳转到的页面背景:使用 element ui 的框架需求1:货币过滤器 filters: { famt: function(num) { if (!num) return "¥0.00"; let sign = ""; let cents = ""; num = ...原创 2019-07-01 10:59:45 · 238 阅读 · 0 评论 -
elelment ui表格操作中的一栏高亮显示
我们的后台有一些这样的表格,点击某一栏进入该笔订单的详情页,之后再退出详情页的时候,有时候会不记得自己操作的是哪一条数据,为了解决这个体验问题,我借助了element ui表格的高亮事件html代码 在table表格头上添加 :row-class-name="tableRowClassName"<el-table :data="tableData" :border="false" ...原创 2019-08-15 14:29:59 · 445 阅读 · 0 评论 -
vue结合axios实现下载进度条
封装的post请求config是重点export function post(url, data = {},config = {}) { return new Promise((resolve, reject) => { axios.post(url, data,config) .then(response => { if (response...原创 2019-08-29 16:45:08 · 9390 阅读 · 11 评论 -
vue使用nprogress插件实现页面加载进度条
实现的效果图如下(页面加载时会有蓝色的进度条):1.下载nprogress插件 npm install --save nprogress2.在main.js中引入插件import NProgress from 'nprogress' // 进度条import 'nprogress/nprogress.css' //这个样式必须引入3.在main.js中写一些简单的配置NProg...原创 2019-05-23 11:04:31 · 1721 阅读 · 0 评论 -
vue使用vue-clipboard2实现复制链接的功能
实现点击复制链接可以进行链接的复制,并显示提示信息1.安装vue-clipboard2插件npm install --save vue-clipboard22.在需要引入的组件内引入插件import Vue from "vue";import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);3.html代码 &...原创 2019-05-22 11:17:06 · 2382 阅读 · 0 评论 -
结合element ui实现类似于日期穿梭的功能
在项目中遇到了一个类似于日期穿梭框的问题截图如上,页面一进来默认显示今天的日期,然后点击前一天,页面展示的前一天的日期,点击后一天,默认展示后一天的日期,比如说今天是3月20号,点击前一天,输入框显示的日期是3月19号,再点击前一天,输入框显示3月18号,此时点击后一天,输入框显示3月19日,若输入框现实的日期为今天的日期,则后一天的按钮显示为禁止状态,不能够点击,同时输入框也支持查询,累计查询...原创 2019-03-20 12:08:51 · 339 阅读 · 0 评论 -
关于vue的一个数字滚动插件 vue-count-to
这一块的金额要实现滚动的效果,在网上发现了一个很好用的vue 的插件 vue-count-to1.npm下载npm i vue-count-to2.使用2.1html<countTo class="moneySize" :start-val='startVal' :endVal='topSummary.totalAllLoanContractAmount' :duration=...原创 2019-03-27 11:18:41 · 1632 阅读 · 2 评论 -
vue的v-for指令的使用
后台返回的产品类型的数据是这样的,但我要将其处理成这样的这时我们可以使用v-for循环里面的数据,代码如下 <el-table-column label="产品类型" min-width="60"> <template slot-scope="scope"> ...原创 2019-04-16 11:59:55 · 318 阅读 · 0 评论 -
vue登录页实现记住密码的操作
实现记住密码的操作,如下图所示html部分 <el-form-item style="margin-top:-10px;margin-bottom:-5px;" > <el-checkbox v-model="checked" style="color:#a0a0a0;margin-top:-10px;">记住密码</el-c...原创 2019-05-22 10:50:29 · 9655 阅读 · 3 评论