- 博客(33)
- 收藏
- 关注
RSS订阅原创 如何获取本机的当前时间
背景是标签里需要显示获取本机的当前时间：写法如下: <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
386
原创 vue中input校验 只能输入数字正负数和小数正则表达式
前言：今年从2月到10月，基本都是无缝赶业务项目，做完一个接一个，没有一点喘息的时间，加上有些懒散，太久没有总结一些日记了，今天趁项目提测，把自已遇到的一些平日需要用的简单的东西记一下，希望能帮到有需要的铁子们：正题：项目背景是输入框，需要过滤除数字，小数点及正负数以外的字符，且保留两位小数的写法 <dgg-input clearable v-model.trim="appealForm.stateDataObj.performanceAmount" // 这里按自 ma
2020-10-29 11:28:37
4654
原创 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
5432
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
1284
原创 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
443
原创 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
45715
1
原创 vue+elementUi 系统后台中的修改密码页面（全）
就是感觉自己在做这个页面想找参考的时候，没有找到自己特别想要的 ，记录下来，万一能帮到跟我一样有需要的盆友呢项目背景： 系统后台中右上角需要添加一个修改密码新页面需求，如图：二，正式建立修改密码页的路由，然后新建修改密码文件vue文件内容：<template> <div class="app-container common-list-page"> &l...
2019-09-20 16:31:45
12399
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
3945
4
原创 项目运行报'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件“
原本还好好的项目，第二天上班运行时如故报：‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 如下图：解决方法即： npm install...
2019-08-21 09:20:31
13271
4
原创 vue 解决 数据改变 但页面不渲染
最近好懒，平时遇到的好多坑都没有第一时间总结和记录，这两天因为踩到了同一个数据改变，页面延迟渲染的坑，所以记录一下，如下图：是当编辑时获取详情数据回显的接口，当验收人的下拉列表想重新选择时，页面迟迟没有改变，这里的解决方法是手动触发视图，即：$ forceUpdate（）方法，如下图：另外一种解决数据改变，页面延迟渲染或者不渲染的方法是：根据项目情况而定，我是两种方法在不同场景的bu...
2019-08-12 17:15:53
4737
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
1382
原创 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
685
原创 vue 移动端input被输入法键盘挡住解决方法
项目里的报名表单中，在没有顶部也没有底部的情况下，正常排版没有用flex布局，当触焦input时，输入法档住了，如下图：解决方法：1.先给最外层的div一个ID取名比如 id="apply"如下图：2.定义一个class:.focusState {position: absolute;}3.利用监听键盘的收起展开事件来添加移除定义的focusState 样式 created(){...
2019-04-02 16:20:43
18821
10
原创 vue 微信公众号支付 jssdk jsapi实现微信支付（完整版）
很用心的在整理，是自己项目里支付功能测试成功后的源代码，希望能帮助到曾和我一样想找到有效参考借鉴的朋友们，废话不多说，直接讲具体的操作规程及完整代码代码部份：一、vue的环境配置：1. 先在当前项目的命令行工具里安装npm install weixin-jsapi2. 在当前支付页面引用该weixin-jsapiimport wx from 'weixin-jsapi'二、调用后台...
2019-04-02 14:11:46
20951
18
原创 vue 实现下拉无限刷新
用vue搭建的微信公众号开发，首页的列表需要无限下拉加载刷新，直接上项目里的代码：data(){ noMore:false, //没有更多了 lock:false },created(){ this.getList(); var $this = this; window.addEventListener('scroll...
2019-03-22 09:51:45
1094
原创 AES加密出现Error: Malformed UTF-8 data报错的解决方法
按我上一章：vue java 使用AES 前后端加密解密 （址址：https://blog.youkuaiyun.com/weixin_42124196/article/details/88416488）文章进行aes加密的项目，当页面获取数据时一直出现Error: Malformed UTF-8 data警告，也获取不到数据，按百度找出的方法说，我主要是检查了一下前端代码有没有进行base64进行加密，且j...
2019-03-14 16:34:25
82086
8
原创 vue运行npm run dev页面显示Cannot GET /
我是在项目未打包之前，修改了config/index.js里的配置信息，当时没留意页面bug,第二天运行项目才发现页面显示不出，出现cannot get/的问题，后面把配置信息改回去就可以了，如下图：最后重新启动npm run dev就行了...
2019-03-13 11:36:35
1569
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
4097
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
5325
原创 如何在微信中给Vue页面动态应用设置标题
在项目中，页面切换如果让标题同步动态切换，我是在路由切换完成后 静默加载一个空iframe动态设置title的方式进行~一、先命令行安装:npm install vue-wechat-title --save二、在main.js中引入安装的命令：Vue.use(require('vue-wechat-title'))三、路由定义如下：routes: [ { ...
2019-03-05 11:42:54
399
转载 如何在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
279
原创 如何在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
431
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
841
原创 如何获取浏览器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
224
原创 如何用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
161
转载 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
2799
原创 如何用原生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
23640
原创 收藏网址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
774
原创 屏幕滚动事件的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
1709
转载 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
189
原创 vue入门新建vue项目 新手如何创建vue项目
一、环境配置1.下载安装node.js，打开node.js官网 ，$/,loader: 'eslint-loader',enforce: 'pre',include: [resolve('src'), resolve('test')],options: { fo...
2018-11-20 16:18:04
9161
1
原创 svn本地没有提交却被误操作刷新下来的旧版本覆盖了新文件，找回本地的文件记录的方法
svn本地没有提交却被误操作刷新下来的旧版本覆盖了新文件，找回本地的文件记录的方法**现版本的文件不在了，在所在项目里右键，restored in the history/或者revert 按提示操作，然后去回收站查看文件，还原即可...
2018-11-02 11:15:33
3054
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人