- 博客(33)
- 收藏
- 关注
原创 如何获取本机的当前时间
背景是标签里需要显示获取本机的当前时间:写法如下: <span class="appeal-text">{{ formatNowTime("Y-M-D h:m:s") }}</span> methods:{ // 获取创建时间 formatNumber(n) { n = n.toString(); return n[1] ? n : "0" + n; }, // 获取本地时间 formatNo
2020-10-29 11:34:17
343
原创 vue中input校验 只能输入数字正负数和小数正则表达式
前言:今年从2月到10月,基本都是无缝赶业务项目,做完一个接一个,没有一点喘息的时间,加上有些懒散,太久没有总结一些日记了,今天趁项目提测,把自已遇到的一些平日需要用的简单的东西记一下,希望能帮到有需要的铁子们:正题:项目背景是输入框,需要过滤除数字,小数点及正负数以外的字符,且保留两位小数的写法 <dgg-input clearable v-model.trim="appealForm.stateDataObj.performanceAmount" // 这里按自 ma
2020-10-29 11:28:37
4444
原创 vue表单 同时验证手机号和座机号 正则表达式
vue中elementUI表单同时验证输入框手机号与座机号验证: data:{ var checkPhone = (rule, value, callback) => { if (value === '') { callback(new Error('请输入联系人电话')); } else { let regPone = null; let mobile = /^1(3|4|5|6|7|8|9)\d{9}$/;
2020-05-21 15:37:18
5274
1
原创 解决dataTable在element下的tab切换时表头与内容错位问题
项目背景基于第三方为layui开发的老项目,在layui基础上使用element的tab栏,切换下使用dataTable出现表头与内容错位,如下图:解决办法是: // 处理tab切换后列表样式错乱问题,tab切换后重绘table layuii.element.on('tab(report_tabs_select)', function(data){ (development...
2020-04-23 11:34:27
1235
原创 vue 如何在mixins中创建页面公用js
一,在你项目的建一个mixins.js文件夹,比如我是在src/views/pages/mixins,然后在mixins里创建一个自己所需要的公用js文件,比如在我项目中,如下图:然后这个公用js文件里除了watch方法我试了不管用,其它computed,methods均可正常写入公用的功能方法二、在需要使用公用js的页面引入此js文件,如下图:以上基于mixins中一个最基础的公用js...
2020-03-04 18:56:40
413
原创 elementUI中日期插件如何设置默认日期为当前日期 el-date-picker设置默认日期方法
场景:el-date-picker组件中设置默认日期为当前日期方法html: <el-form-item label="调拨日期:" prop="stockDate"> <el-date-picker :clearable="true" v-model="info.stockDate" type="date"...
2019-09-24 14:42:01
45507
1
原创 vue+elementUi 系统后台中的修改密码页面(全)
就是感觉自己在做这个页面想找参考的时候,没有找到自己特别想要的 ,记录下来,万一能帮到跟我一样有需要的盆友呢项目背景: 系统后台中右上角需要添加一个修改密码新页面需求,如图:二,正式建立修改密码页的路由,然后新建修改密码文件vue文件内容:<template> <div class="app-container common-list-page"> &l...
2019-09-20 16:31:45
12240
4
原创 element-ui el-date-picker控制开始时间不能大于结束时间
应用场景是项目中的条件查询,开始时间不能大于结束时间,反之结束时间不能小于开始时间,如下图:HTML: <el-form-item label="查询时间:"> <el-date-picker v-model="params.beginDate" :picker-options="startTime" ...
2019-09-06 15:32:18
3813
4
原创 项目运行报'vue-cli-service' 不是内部或外部命令,也不是可运行的程序 或批处理文件“
原本还好好的项目,第二天上班运行时如故报:‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。 如下图:解决方法即: npm install...
2019-08-21 09:20:31
13116
4
原创 vue 解决 数据改变 但页面不渲染
最近好懒,平时遇到的好多坑都没有第一时间总结和记录,这两天因为踩到了同一个数据改变,页面延迟渲染的坑,所以记录一下,如下图:是当编辑时获取详情数据回显的接口,当验收人的下拉列表想重新选择时,页面迟迟没有改变,这里的解决方法是手动触发视图,即:$ forceUpdate()方法,如下图:另外一种解决数据改变,页面延迟渲染或者不渲染的方法是:根据项目情况而定,我是两种方法在不同场景的bu...
2019-08-12 17:15:53
4689
1
原创 W10系统 解决git 一直Incorrect username or password ( access token ) 无地方输入密码
很久没有从git上克隆项目了,今天clone时账户密码输入错误,就一直提示Incorrect username or password ( access token ) 因为自动把输入的账户和密码进行保存了快速的解决方法:打开控制面板—用户账户2.点击 “管理你的凭据——Windows凭据”找到git:相关数据,如下图3.最后删除悼这条错误的密码或账号记录,重新再git clon...
2019-07-18 11:47:24
1340
原创 h5中input的自动触焦/自动验证/自动补充提示/即能输入又有下拉提示的写法
input自动触焦写法: autofocus属性 <input type="search" autofocus="" /> input自动验证写法:required属性<input type="email" required="required"/> input自动补充提示的写法:<input type="text" name="name" aut...
2019-04-11 15:24:05
650
原创 vue 移动端input被输入法键盘挡住解决方法
项目里的报名表单中,在没有顶部也没有底部的情况下,正常排版没有用flex布局,当触焦input时,输入法档住了,如下图:解决方法:1.先给最外层的div一个ID取名比如 id="apply"如下图:2.定义一个class:.focusState {position: absolute;}3.利用监听键盘的收起展开事件来添加移除定义的focusState 样式 created(){...
2019-04-02 16:20:43
18466
10
原创 vue 微信公众号支付 jssdk jsapi实现微信支付(完整版)
很用心的在整理,是自己项目里支付功能测试成功后的源代码,希望能帮助到曾和我一样想找到有效参考借鉴的朋友们,废话不多说,直接讲具体的操作规程及完整代码代码部份:一、vue的环境配置:1. 先在当前项目的命令行工具里安装npm install weixin-jsapi2. 在当前支付页面引用该weixin-jsapiimport wx from 'weixin-jsapi'二、调用后台...
2019-04-02 14:11:46
20690
18
原创 vue 实现下拉无限刷新
用vue搭建的微信公众号开发,首页的列表需要无限下拉加载刷新,直接上项目里的代码:data(){ noMore:false, //没有更多了 lock:false },created(){ this.getList(); var $this = this; window.addEventListener('scroll...
2019-03-22 09:51:45
1056
原创 AES加密出现Error: Malformed UTF-8 data报错的解决方法
按我上一章:vue java 使用AES 前后端加密解密 (址址:https://blog.csdn.net/weixin_42124196/article/details/88416488)文章进行aes加密的项目,当页面获取数据时一直出现Error: Malformed UTF-8 data警告,也获取不到数据,按百度找出的方法说,我主要是检查了一下前端代码有没有进行base64进行加密,且j...
2019-03-14 16:34:25
80646
8
原创 vue运行npm run dev页面显示Cannot GET /
我是在项目未打包之前,修改了config/index.js里的配置信息,当时没留意页面bug,第二天运行项目才发现页面显示不出,出现cannot get/的问题,后面把配置信息改回去就可以了,如下图:最后重新启动npm run dev就行了...
2019-03-13 11:36:35
1532
2
原创 vue java 使用AES 前后端加密解密
一、java端package com.zk.web.util; /** * AES 128bit 加密解密工具类 * @author dufy */ import org.apache.commons.codec.binary.Base64; import javax.crypto.Cipher;import javax.crypto.spec.IvParameterSpec...
2019-03-12 10:56:19
4028
7
原创 微信公众号js限制页面只能在微信浏览器打开 禁止外置浏览器
&lt;script&gt; var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; if (!isWeixin) { window.location.href = "https://open....
2019-03-12 09:13:59
5135
原创 如何在微信中给Vue页面动态应用设置标题
在项目中,页面切换如果让标题同步动态切换,我是在路由切换完成后 静默加载一个空iframe动态设置title的方式进行~一、先命令行安装:npm install vue-wechat-title --save二、在main.js中引入安装的命令:Vue.use(require('vue-wechat-title'))三、路由定义如下:routes: [ { ...
2019-03-05 11:42:54
372
转载 如何在vue中使用echarts?
一、在vue项目中同,命令行安装 echarts依赖: npm install echarts --save二、引入ECharts安装好的ECharts会放在node_modules目录里1.直接在项目代码引入可以直接在项目代码中 require(‘echarts’) 得到 ECharts。声明一个echarts变量,直接使用变量即可。 Home.vue //需要使用的页面 /...
2019-02-13 09:52:38
251
原创 如何在vue项目中使用sass
1、在创建好的vue项目基础下,打开当前项目里的命令行,安装sass依赖,实例如下: npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass2、在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /...
2019-02-12 11:46:09
407
1
原创 vue vue-cli webpack打包部署上线前的配置操作,初建vue项目 webpack打包需要注意的配置
第一次全新vue项目,webpack打包给后台前,首先需要修改一下配置文件,很多人都遇到打包后运行一片空白这个问题,这个主要就是因为路径所产生的,主要需要修改config下面的index.js这个配置文件:如下图:这个时候运行命令行npm run build 打包发给后台部署时,发现css中引用的图片资源找不到反馈login.vue文件中的引用的背景图片不见了,所写css如下而我的“sr...
2019-01-16 16:49:12
820
原创 如何获取浏览器URL中查询字符串中的参数?
实例如下:function showWindowHref(){var sHref = window.location.href;var args = sHref.split(’?’);if(args[0] == sHref){return “”;}var arr = args[1].split(’&amp;’);var obj = {};for(var i = 0;i&lt; a...
2019-01-02 13:38:28
212
原创 如何用js去除字符串空格,JS去除字符串空格
方法一:使用replace正则匹配的方法:去除所有空格: str = str.replace(/\s*/g,&quot;&quot;);去除两头空格: str = str.replace(/^\s*|\s*KaTeX parse error: Expected group after '^' at position 39: … str.replace( /^̲\s*/, “”); 去…)/g, “”);s...
2019-01-02 13:32:53
146
转载 jQuery中选择器有哪几种(哪几种最常见)
一、基本选择器基本选择器是jQuery中最常用也是最简单的选择器,它通过元素的id、class和标签名等来查找DOM元素。1、ID选择器 #id描述:根据给定的id匹配一个元素, 返回单个元素(注:在网页中,id名称不能重复)示例:KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲test") 选取 id 为 …("...
2018-12-29 14:34:16
2748
原创 如何用原生js给一个按钮绑定两个onclick事件?
Var btn=document.getElementById(‘btn’);//事件监听 绑定多个事件var btn4 = document.getElementById(“btn4”);btn4.addEventListener(“click”,hello1);btn4.addEventListener(“click”,hello2);function hello1(){aler...
2018-12-29 14:27:49
23585
原创 收藏网址JS怎么写,收藏网址JS写法
收藏$("#collect").click(function(){ var iserror = 0; try { if (document.all) { window.external.addFavorite(document.URL, document.title); } else if (windo...
2018-12-27 15:53:47
739
原创 屏幕滚动事件的JS写法
$(function () {//绑定滚动条事件$(window).bind(“scroll”, function () {var sTop = KaTeX parse error: Expected '}', got 'EOF' at end of input: … if (!(&quot;.openFix&quot;).is(&quot;:visible&quot;)) {try {$(&quot
2018-12-27 15:44:45
1660
转载 js如何判断浏览器终端
var browser={versions:function(){var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息trident: u.indexOf(‘Trident’) &amp;gt; -1, //IE内核presto: u.indexOf(‘Presto’) &amp;gt; -1, //o...
2018-12-27 15:41:14
169
原创 vue入门新建vue项目 新手如何创建vue项目
一、环境配置1.下载安装node.js,打开node.js官网 ,![在这里插入图片描述](https://img-blog.csdnimg.cn/20181226095930137.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dla...
2018-12-26 14:17:07
334
原创 vue项目中由于eslint检查太严谨而报错的bug,怎么解决删除eslint
如果是初建项目时,询问是否安装eslint,就选NO如果是已经安装在项目里想删除,在webpack.base.conf.js里面:删除以下代码就可以{test: /\.(js|vue)$/,loader: 'eslint-loader',enforce: 'pre',include: [resolve('src'), resolve('test')],options: { fo...
2018-11-20 16:18:04
9116
1
原创 svn本地没有提交却被误操作刷新下来的旧版本覆盖了新文件,找回本地的文件记录的方法
svn本地没有提交却被误操作刷新下来的旧版本覆盖了新文件,找回本地的文件记录的方法**现版本的文件不在了,在所在项目里右键,restored in the history/或者revert 按提示操作,然后去回收站查看文件,还原即可...
2018-11-02 11:15:33
2884
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人