andyzyqandyzyq-优快云博客

function accDiv(arg1,arg2){ var t1=0,t2=0,r1,r2; try{t1=arg1.toString().split(".")[1].length}catch(e){} try{t2=arg2.toString().split(".")[1].length}catch(e){} with(Math){ r1=Number(arg1.toString().replace(".","")) r2=Number(arg2.toString(...

2021-08-25 14:40:21 219

原创 js 加减乘除运算，解决精度丢失

加法 function add(arg1, arg2) {arg1 = arg1.toString(), arg2 = arg2.toString(); // 将传入的数据转化为字符串var arg1Arr = arg1.split("."), // 将小数的数据从小数点的位置拆开arg2Arr = arg2.split("."),d1 = arg1Arr.length == 2 ? arg1Arr[1] : "", // 获取第一个数的小数点的长...

2021-08-23 16:25:45 423

原创根据时间范围限制el-date-picker 的范围

<el-date-picker v-model="create.times" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" :picker-options="pickerOptions1" :default-time="['00:00:00','23:59:59']" range-separator="至" start-placeholder="开始日期" end-pl...

2021-07-27 15:47:38 199

原创 js 正则验证三位小数

verifyingOdds:function(str){// 可以匹配整数 10 10.5 10.66 10.555 匹配小数 0.333 最大三位小数不能匹配0 0.0000 var reg = /^(?:0\.[0-9]{1,2}[1-9]|(?!0)\d+(?:\.[0-9][1-9])?|[0-9]*.[1-9]|^[1-9][0-9]*.[1-9]|(?!0)\d+(?:\.[0-9]{1,2}[1-9])?)$/ if(reg.test(str...

2021-03-11 10:57:45 1336

原创 js 正则输入验证整数两位小数三位小数

inputChange1(e){//验证输入整数 var self = this var o = e.target o.value=o.value.replace(/[^\d.]/g,'') o.value = o.value.replace(/[^\d.]/g,""); // 清除“数字”和“.”以外的字符 o...

2021-01-18 11:54:23 2630

原创 axios 配置公共接口api

1、首先配置接口地址配置开发环境接口地址：找到 config/dev.env.js module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"http://www.baidu.com"' ,//测试环境接口地址 }) 配置生产环境接口地址：找到 config/prod.env.js module.exports = { NODE_ENV: '"pro...

2020-07-27 16:26:54 942

原创 vue forEach 使用 async/await

var arr = [1,2,3,4,5,]arr.forEach( async (item)=>{ await this.test(item)})async test(item){ var res = await self.axios.post("https://www.baidu.com/",{id:item.id}) console.log(res)}

2020-06-22 10:06:46 2005

原创 elementui Cascader 级联选择器省市区联动

cnpm installelement-china-area-data --save在页面中引入import { regionData ,CodeToText} from 'element-china-area-data'<el-cascader v-model="areaArr" :options="options" :props="{ expandTrigger: 'hover' }" @change="chooseArea"></el-cascader>cho...

2020-05-24 13:50:52 1568 1

原创 vue-cropper 上传裁剪图片配合element-ui

在main.jsimport VueCropper from 'vue-cropper'Vue.use(VueCropper)创建cropper.vue 组件<template> <div class="cropperWrap">  <el-dialog title="图片裁剪" :...

2020-02-25 21:32:54 1142

原创解决 element-ui message 多次弹出并将弹窗封装一下

在main.jsVue.use(ElementUI);//处理message只弹出一次import { Message } from 'element-ui'// 为了实现Class的私有属性const showMessage = Symbol('showMessage')/*** 重写ElementUI的Message* single默认值true，因为项目需求，默认只...

2020-02-24 16:49:55 1540

原创 vue 菜单切换动态绑定css3 demo

这个dome，是我为了做一个菜单切换效果的例子<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.jsdelivr.net...

2020-02-15 22:46:13 339

原创 vue 实现输入框边输入边验证

<el-input v-model="item.remainingPieces" placeholder="请输入剩余件数" @keyup.native="inputChange($event)" @keydown.native="inputChange($event)"></el-input>//这个方法是保留整数inputChange(e){//验证输入饰品件...

2019-06-21 17:22:41 5856

原创 vue +element 导入和导出excel表格

安装npm install -S file-saver xlsxnpm install -D script-loader//这里是导入的按钮<input type="file" @change="importFile(this)" id="imFile" style="display: none" accept=".xlsx, application/vnd.openxml...

2019-06-21 17:16:43 1784

原创 vue 中使用swiper

npm install swiper --save-dev 安装 swiper引入swiper依赖import Swiper from 'swiper' import axios from 'axios'import 'swiper/dist/css/swiper.min.css';htmljs

2018-07-30 14:03:23 2184 2

原创 vue日历，可展示当天到后面一年的日期

效果html 代码<div id="calendar" class="lt"> <ul class="weekdays"> <li>一</li> &

2018-07-24 14:44:34 2814

原创 vue使用axios 配置自定义接口地址

api.js 方法import Vue from 'vue'import axios from 'axios';Vue.prototype.$axios = axios;export default {apiUrl:'',//本地测试后台接口地址前缀 ajax:function(options){ var defaults = { method:'POST', url : "",...

2018-06-28 10:00:39 4711

原创 js 封装弹窗

html 代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/myA

2018-06-28 09:34:27 1096

andyzyqandyzyq的博客

原创 vue 使用西瓜播放器直播

原创 js 加减乘除精度丢失