笔记
油乐王子
这个作者很懒,什么都没留下…
展开
-
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 · 1040 阅读 · 0 评论 -
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 · 756 阅读 · 0 评论 -
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 · 270 阅读 · 0 评论 -
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 · 810 阅读 · 0 评论 -
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 · 278 阅读 · 0 评论 -
自定义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 · 172 阅读 · 1 评论 -
微信小程序跳转另一小程序的指定页面又重定向为首页
去掉path路径的“.html”原创 2022-04-07 15:19:36 · 1404 阅读 · 0 评论 -
获取微信小程序某个页面路径
点击下一步点击开启,即可登录该微信号进入小程序某个页面,点击右上角三个点获取页面路径原创 2022-04-06 14:41:47 · 1005 阅读 · 0 评论 -
vscode底部导航栏
打开设置搜索workbench.statusBar.visible原创 2022-03-23 16:49:01 · 621 阅读 · 0 评论 -
小程序省市区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 · 2339 阅读 · 44 评论 -
VUE刷新页面
VUE刷新页面转载 2022-02-17 10:29:50 · 65 阅读 · 0 评论 -
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 · 1038 阅读 · 0 评论 -
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 · 619 阅读 · 0 评论 -
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 · 1192 阅读 · 0 评论 -
JS 利用vue过滤器将阿拉伯数字转化为汉字
JS 利用vue过滤器将阿拉伯数字转化为汉字转载 2022-01-07 10:30:47 · 232 阅读 · 0 评论 -
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 · 7341 阅读 · 5 评论 -
vue+element表单校验输入框不能有特殊字符
添加链接描述转载 2021-12-17 11:21:58 · 1496 阅读 · 0 评论 -
vue.config.js相关配置(不太懂,慢慢补充)
module.exports={ devServer:{ publicPath: "./",//静态资源路径(阻止打包后报错问题) port:8899,// 修改端口 open:true,//自动开启浏览器 proxy: { //配置跨域 '/api': { target: 'http://localhost:3000/', //这里后台的地址模拟的;应该填写你们真实的后台接口原创 2021-12-07 17:12:35 · 426 阅读 · 0 评论 -
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 · 181 阅读 · 0 评论 -
Vue事件修饰符
.stop:等同于JavaScript中的event.stopPropagation(),防止事件冒泡.prevent:等同于JavaScript中的event.preventDefault(),防止执行预设的行为(如果事件可取消,则取消该事件,而不停止事件的进一步传播)比如我们页面的a标签.capture:与事件冒泡的方向相反,事件捕获由外到内.self:只会触发自己范围内的事件,不包含子元素.once:只会触发一次鼠标修饰符鼠标修饰符用来限制处理程序监听特定的滑鼠按键。常见的有:.left原创 2021-12-07 09:42:41 · 91 阅读 · 0 评论 -
Vue中provide和inject 用法
1.概念成对出现:provide和inject是成对出现的 作用:用于父组件向子孙组件传递数据 使用方法:provide在父组件中返回要传给下级的数据,inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。 使用场景:由于vue有$parent属性可以让子组件访问父组件。但孙组件想要访问祖先组件就比较困难。通过provide/inject可以轻松实现跨级访问父组件的数据2.简单来说 provider/inject:简单的来说就是在父组件中通过provider来提供变量,然原创 2021-12-07 09:39:35 · 11122 阅读 · 0 评论 -
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 · 1024 阅读 · 0 评论 -
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 · 1309 阅读 · 0 评论 -
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 · 256 阅读 · 0 评论 -
禁止浏览器后退操作
//在哪个页面禁止,放在那个页面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 · 631 阅读 · 0 评论 -
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 · 235 阅读 · 0 评论 -
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 · 853 阅读 · 0 评论 -
限制上传文件(图片)大小
: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 · 278 阅读 · 0 评论 -
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 · 616 阅读 · 0 评论 -
输入限制大于零的正整数
<el-input v-model.number="form.sort" placeholder="请输入" oninput="value=value.replace(/[^\d]/g,'')" :maxlength='3'/>原创 2021-11-03 14:17:52 · 241 阅读 · 0 评论 -
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 · 815 阅读 · 0 评论 -
JS对象删除某属性及值
let obj = { name: '小明', age: 19}delete obj.name//obj = {age: 19}原创 2021-10-28 11:37:32 · 491 阅读 · 0 评论 -
子组件接收传值props
//限定参数的类型为字符串型type: String,//指定参数默认值为字符串“你好”default:'你好'//限定参数必传required: true//对参数进行自定义校验props: {// 自定义验证函数——传入的参数的值必须大于100 params6: { isValid: function(value) { return value > 100; } }}...原创 2021-10-27 11:04:32 · 233 阅读 · 0 评论 -
ElementUI事件不起作用
<!--因为elementUI对input进行了封装,原生的事件不起作用。--><el-input v-model="form.name" placeholder="昵称" @keyup.enter.native="submit"></el-input>原创 2021-10-19 16:12:13 · 205 阅读 · 0 评论 -
数组对象排序
var arr = [ { name: '001', age: 18 }, { name: '001', age: 16 }, { name: '001', age: 17 }, { name: '001', ...原创 2021-10-19 15:48:07 · 59 阅读 · 0 评论 -
keep-alive
//包裹路由出口<keep-alive> <router-view></keep-alive>//包裹动态组件<keep-alive include="Taba,Tabc">//--include表示需要缓存哪个变量值*exclude不想缓存谁exclude优先级大 <component :is="tem"></component>//--tem为data变量</keep-alive>...原创 2021-10-18 17:17:45 · 45 阅读 · 0 评论 -
uniapp滚动到底部事件
<view> <scroll-view style="height: 1332rpx;" scroll-y="true" class="scroll-Y" @scrolltolower="lower"> //内容 </scroll-view></view>methods:{ lower(){ alert(0) } }原创 2021-09-27 20:07:24 · 1061 阅读 · 0 评论 -
uniapp+uview自定义导航栏
<view class="navbar-right" slot="right"> <view style="padding-right: 20rpx;" @click="goAddSideStation"> <u-icon name="plus-circle" color="#ffffff" size="50"></u-icon> </view></view>原创 2021-09-27 20:05:30 · 1502 阅读 · 0 评论 -
uniapp+uview的select选择器多级联动赋值
<u-select v-model="useplaceshow" mode="mutil-column-auto" :list="useplacelist" @confirm="useplacechoose"></u-select>useplacechoose(e){ console.log(e),}res.redata.forEach((item1,index)=>{ //一级 this.useplacelist.push({value:item1.hfname原创 2021-09-27 20:04:14 · 2884 阅读 · 0 评论 -
uniapp+view的picker年月选择(仅年月)
<picker style="border: none;" fields="month" ------------关键 mode="date" :value="yearmounth" -----显示的值 @change="changeyear"---选择事件 > <view class="uni-input">{{yearmounth}}</view></picker>methods:{ changeyear(e) { let原创 2021-09-27 20:02:27 · 896 阅读 · 0 评论