- 博客(66)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 文件（图片）自定义上传
//api.js//-----httpFile.js（直接copy）import axios from 'axios'import store from '@/store.js'// 解决后端返回数据中的大数字问题（控制台报404）const request = axios.create({ baseURL: 'http://192.168.0.126:17000', // 基础路径 headers: { 'Authorization': s
2021-09-03 16:10:12
114
原创 Vue文件下载
httpFile.js（api.js同级）/** * 封装axios请求模块 * */import axios from "axios";// 解决后端返回数据中的大数字问题（控制台报404）const request = axios.create({ baseURL: "http://192.168.0.128:17000", // 基础路径 // transformResponse 允许自定义原始的响应数据（字符串） headers: { Autho
2021-08-21 09:15:12
122
原创 uniapp获取经纬度
const that = this; that.getloca = true, uni.getLocation({ type: 'gcj02', isHighAccuracy: true, success: function (res) { console.log('当前位置的经度：' + res.longitude); console.lo
2022-05-13 11:56:32
1098
原创 uniapp获取当前手机的经纬度
const that = this; uni.getLocation({ type: 'gcj02', isHighAccuracy: true,//开启高精度定位默认false success: function (res) { that.lat = res.latitude that.lng = res.longitude
2022-04-28 09:39:37
832
原创 JS两个经纬度之间距离
getDistance(lat1, lng1, lat2, lng2){//纬度，经度 let EARTH_RADIUS = 6378.137; let radLat1 = this.rad(lat1); let radLat2 = this.rad(lat2); let a = radLat1 - radLat2; let b = this.rad(lng1) - t..
2022-04-27 17:42:35
308
原创 uniapp解决富文本图片过大
<view class="textClass"> <rich-text :nodes="richText"></rich-text></view>import { formatRichText } from "***";export const formatRichText = (html) => { let newContent = html.replace(/<img[^>]*>/gi, function(match
2022-04-27 09:42:35
869
原创 uniapp上传图片
<view class="imgWrap"> <view class="imgTitle">上传图片</view> <view class="report-pic-wrap"> <view class="report-pic-item" v-for="(item, index) in fileLi
2022-04-27 08:43:05
304
原创 自定义git安装路径后，VScode的git出现问题
//在设置中输入git.path，点击settings.json//"git.path": " git的安装路径，因为JSON格式所以用'\\'代替'/' ","git.path": "E:\\work\\Git\\Git\\bin\\git.exe",
2022-04-15 14:44:41
222
1
原创 小程序省市区picker三级联动（uView）
<view style="display: flex;align-items: center;background-color: #FFFFFF;height: 40pt;"> <u-search placeholder="请输入搜索内容" v-model="keyword" :showAction="false" bgColor="#FFFFFF" @search="enterSearch" style="width: 50%;"> &l.
2022-02-25 15:28:05
2503
44
原创 element文件回显可下载组件FileUploadShow
<template> <div class="upload-file"> <!-- 文件列表 --> <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul"> <li :key="file.uid" class="el-upload-list__item
2022-01-27 15:41:06
1059
原创 element文件上传组件FileUpload
<template> <div class="upload-file"> <el-upload :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="fileList" :show-file-list="false" :limit="1" :on-error="handleUploadError"
2022-01-27 15:38:53
643
原创 vue监听localStorage变化
//main.jsvar orignalSetItem = localStorage.setItem;localStorage.setItem = function(key,newValue){ // 要监听的key为approveCount if(key === "approveCount"){ var setItemEvent = new Event("setItemEvent"); setItemEvent.newValue = newValue; window.dispat
2022-01-07 10:35:20
1234
原创 vue前端处理2022-01-20T00:00:00.000+0800这种时间格式
//main/jsVue.use(require('vue-moment'));Vue.prototype.moment = momentVue.filter('dateYMDHMSFormat',function(dateStr,pattern='YYYY-MM-DD HH:mm:ss'){ return moment(dateStr).format(pattern);})<span>{{time | dateYMDHMSFormat}}</span>
2021-12-25 20:27:12
7433
5
原创 vue.config.js相关配置（不太懂，慢慢补充）
module.exports={ devServer:{ publicPath: "./",//静态资源路径（阻止打包后报错问题） port:8899,// 修改端口 open:true,//自动开启浏览器 proxy: { //配置跨域 '/api': { target: 'http://localhost:3000/', //这里后台的地址模拟的;应该填写你们真实的后台接口
2021-12-07 17:12:35
440
原创 call、apply、bind区别：
相同点：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。不同点：var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + " , " + this.gender + " ,今年" + this.age); }}var xh =
2021-12-07 17:08:00
194
原创 HTML5新增
1、语义化标签2、webStorage 储存机制 sessionStorage 和 localStorage3、history 对象4、新增的表单元素5、多媒体，用于回放的 video 和 audio 元素6、用于绘画的 canvas
2021-12-07 09:47:59
485
原创 vue-router 中hash模式和history模式。
hash—— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.aaa.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。浏览器请求时不会将 # 后面的数据发送到后台history—— 利用了 HTML5 History Interface 中新增的 pushState() 和 replac
2021-12-07 09:46:25
117
原创 Vue事件修饰符
.stop：等同于JavaScript中的event.stopPropagation()，防止事件冒泡.prevent：等同于JavaScript中的event.preventDefault()，防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播）比如我们页面的a标签.capture：与事件冒泡的方向相反，事件捕获由外到内.self：只会触发自己范围内的事件，不包含子元素.once：只会触发一次鼠标修饰符鼠标修饰符用来限制处理程序监听特定的滑鼠按键。常见的有：.left
2021-12-07 09:42:41
107
原创 Vue中provide和inject 用法
1.概念成对出现：provide和inject是成对出现的 作用：用于父组件向子孙组件传递数据 使用方法：provide在父组件中返回要传给下级的数据，inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。 使用场景：由于vue有$parent属性可以让子组件访问父组件。但孙组件想要访问祖先组件就比较困难。通过provide/inject可以轻松实现跨级访问父组件的数据2.简单来说 provider/inject：简单的来说就是在父组件中通过provider来提供变量，然
2021-12-07 09:39:35
11201
原创 ElementUI的loading自定义图片
.el-loading-spinner{ /*这个是自己想设置的 gif 加载动图*/ background-image:url('../images/aboutLink_1.png'); background-repeat: no-repeat; background-size: 200px 120px; height:100px; width:100%; background-position:center; /*覆盖 element-ui 默认的 50% 因为此
2021-12-01 12:01:37
1082
原创 vue判断浏览器
var userAgent = navigator.userAgent; //判断是否Opera浏览器 if (userAgent.indexOf("Opera") > -1) { return "Opera" }; //判断是否Firefox浏览器 if (userAgent.indexOf("Firefox") > -1) { return "FF"; } //判断是否chorme浏览器 if (us.
2021-12-01 10:03:18
1338
原创 crypto-js使用（query传参加密）
const CryptoJS = require('crypto-js'); //引用AES源码js const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF"); //十六位十六进制数作为密钥const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412'); //十六位十六进制数作为密钥偏移量//解密方法function Decrypt(word) { let encrypted
2021-11-30 15:17:48
277
原创 禁止浏览器后退操作
//在哪个页面禁止，放在那个页面destroyed() { window.removeEventListener("popstate", this.disableBrowserBack, false);},mounted() { history.pushState(null, null, document.URL); window.addEventListener('popstate', this.disableBrowserBack);},methods: { disa
2021-11-30 09:27:11
663
原创 CSS控制文字超出...
<!--单行-->overflow: hidden;text-overflow:ellipsis;white-space: nowrap;<!--多行-->display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;
2021-11-26 10:44:21
299
原创 Element表格纵向
<template> <el-row class="el-row-l-r" type="flex" justify="center"> <el-col :lg="16" :xs="24" :sm="24" :md="22" class="breadcrumb"> <el-table border :data="transData"> <el-table-column al..
2021-11-12 10:35:24
2550
原创 ElementUi下拉列表样式
<!--实现下拉列表左右分割--><el-select v-model="scope.row.supplier" placeholder="请选择供货商" @visible-change="selectTrue($event,scope.row)" @change="chooseoption"> <el-option v-for="item .
2021-11-09 16:14:29
903
原创 限制上传文件（图片）大小
:before-upload="handleBeforeUpload"handleBeforeUpload(file) { // console.log(file); this.loading = this.$loading({ lock: true, text: "上传中", background: "rgba(0, 0, 0, 0.7)" }); const isLt2M = file.size / 10
2021-11-05 15:03:36
294
原创 vue输入框textarea限制
<el-input v-model="value" placeholder="限制" type="textarea" :rows="4" -------------限制高maxlength="200"--------最长字符长度:readonly="true"-------只读 resize='none' --------不可拖拽show-word-limit--------右下角显示剩余字符长度></el-input>...
2021-11-05 13:42:36
654
原创 输入限制大于零的正整数
<el-input v-model.number="form.sort" placeholder="请输入" oninput="value=value.replace(/[^\d]/g,'')" :maxlength='3'/>
2021-11-03 14:17:52
274
原创 query和params 传参和接参
1. params 方式传递和接收参数this.$router.push({ name: 'checkDetailInfo', params:{ fkdNum:fkdNum, jyayStr:jyayStr }});this.toplistInfo = this.$route.params;//接收//this.$router.push({ //path: `/mall_shopping/OrderDetails/${r
2021-10-28 11:42:32
846
原创 JS对象删除某属性及值
let obj = { name: '小明', age: 19}delete obj.name//obj = {age: 19}
2021-10-28 11:37:32
504
原创 子组件接收传值props
//限定参数的类型为字符串型type: String,//指定参数默认值为字符串“你好”default:'你好'//限定参数必传required: true//对参数进行自定义校验props: {// 自定义验证函数——传入的参数的值必须大于100 params6: { isValid: function(value) { return value > 100; } }}...
2021-10-27 11:04:32
242
原创 ElementUI事件不起作用
<!--因为elementUI对input进行了封装，原生的事件不起作用。--><el-input v-model="form.name" placeholder="昵称" @keyup.enter.native="submit"></el-input>
2021-10-19 16:12:13
216
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人