彳小闲鱼-CSDN博客

// 由于这里进行了一些api的封装，可参考代码// https://www.jianshu.com/p/80e33d16182f//引用的一些方法放下面了，我一般都是封装到单独的js文件引进来//GetAddress.js 引入使用放在最底部//一、这里是获取经纬度（包括调取用户设置，对用户设置的判断）export default async function wxGetLocation() { try { //小程序获取地理位置 let re...

2022-03-23 15:10:32 2831

原创小程序uni app 阿里云oss图片上传

oss文件，oss.jsimport Vue from 'vue';let vm = new Vue();//请求后台获取oss签名信息function httpGetOssInfo() { return vm.$u.get('/oss/policy')}// 设置自定义文件名称function setFileName({ filePath, prefix}) { let filePrefix = prefix//设置新文件路径前缀 let ti...

2022-03-23 14:35:05 1672 1

原创 echarts提示配置项

option = { tooltip: {//指针放置时提示的title show: true, // 是否显示 trigger: 'axis', // 触发类型 axisPointer: { // 坐标轴指示器配置项。 type: 'shadow', // 'line' 直线指示器 'shadow' 阴影指示器 'none' 无指示器 ...

2022-03-07 17:32:00 644

原创多数组对象去重，数组去重

getDifference(arr1, arr2) {//多数组对象去重 return arr1.concat(arr2).filter((item, index) => { let temArr = [] arr1.concat(arr2).forEach(item2 => temArr.push(item2.id)) return temArr.indexOf(item.id) == index })}, getDifference(arr) {//数...

2022-03-04 18:04:12 189

原创 js vue数据回显函数封装（字典翻译）

//值和id的名字需要和回显函数的值和id对应//数据格式(该案例值为：dictValue；id为：dictLabel)deptList: [{ dictValue: 2, dictLabel: '移动' }, { dictValue: 3, dictLabel: '联通' },{ dictValue: 4, dictLabel: '电信' }, { dictValue: 1, dictLabel: '铁塔' }],//方法：selectDictLabel(datas, v...

2022-02-23 15:17:02 1420

原创 VueTreeselect(树状下拉多选框)不联动选择（只能选择末级节点等）

<treeselect :multiple="true" v-model="form.postIds"//多选id值可赋值可传给后台 :options="postOptions"//下拉树桩多选框的数据 :show-count="true"//展示下拉总数数据 :flat="true"//设置平面模式（选中的标签不联动子节点和父节点） :limit="5"//展示多选的标签个数 :limitText="count =.

2022-02-22 16:49:02 6907

原创 vue disabled样式更改（checkbox input ）

一、checkbox更改disabled样式/deep/ .el-input.is-disabled .el-input__inner { color: #606266;//在这里更改你所需要的样式}二、checkbox更改disabled样式/deep/ .is-disabled .is-checked .el-checkbox__inner {//更改选中时选框的样式 background-color: #1890ff; border-color: #1890ff;}

2022-02-15 17:35:49 2367 1

原创 el-select获取选中的value和label（值和id）

<el-select v-model="form.towerDeptName" placeholder="输入文字后选择" clearable @change="towerChange"> <el-option v-for="item in towerList" :key="item.deptId" :label="item.fullName" :value="item"//注意这里对应change能获取的值 ></..

2022-02-13 23:01:16 6416

原创 js vue正则小数或整数（保留两位小数）

第一种：<el-input oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input>第二种:使用： <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input>

2022-02-13 22:23:58 2707

原创 js图片不打开直接下载（文件下载）

fetch(放要下载的url).then(async res => await res.blob()).then((blob) => { const a = document.createElement('a'); a.style.display = 'none'; a.href = URL.createObjectURL(blob); a.download = 放要下载的名字; document.body.appendChild(a); a.click(); do.

2022-02-11 17:01:34 1779

原创 Vue页面间传值，【params】和【query】以及localStorage缓存传值（obj缓存传值）

一，【params】和【query】传值：传值页面：<template> <div> <el-card class="post-card" v-for="item in postList" v-bind:key="item.id" v-on:click="turnToPost(item.id)"> </el-card> </div> </template> <script> .

2022-02-10 14:08:16 1186

原创 vue下拉多选组件vue-treeselect

<el-form-item label="岗位"> <treeselect :multiple="multiple" v-model="form.postIds" :options="postOptions" :show-count="true" placeholder="请选择岗位" :limit="6" :limitText="count => `及其它${count}项`" /></el-form-.

2022-02-09 17:28:49 1331

原创 vue自动压缩上传图片（自动上传）

1.下载插件npm i image-conversion --save2.页面引用：import * as imageConversion from 'image-conversion3.页面 <el-upload action="https://jsonplaceholder.typicode.com/posts/" list-type="picture-card" :on-preview="handlePictureCardPreview" :before-upload="...

2022-01-18 14:50:53 958

原创 vue、js压缩上传图片（手动上传）

vue手动上传图片文件压缩,大小改变

2022-01-18 14:45:28 540

原创 element input类型为number时的（坑）光标上移，去掉后方箭头，maxlength失效，还可输入e特殊字符等问题

<el-input v-model="value" placeholder="请输入手机号码" clearable type="number" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"//限制输入e等特殊字符 oninput="if(value.length>11)value=value.slice(0,11)" //长度为0-11位 @keyup.enter.native="handleQuery.

2022-01-06 10:02:14 703

原创 js vue密码校验6-16位、8-18位（修改密码校验）

1.vue密码校验：data() { const equalToPassword = (rule, value, callback) => { if (this.user.newPassword !== value) { callback(new Error("两次输入的密码不一致")); } else {callback();} }; return { user: { oldPassword: undefined, newP.

2022-01-05 17:37:49 3128

Xiao_XianYu_的博客

原创 url传参加号消失，js传参解码编码

原创小程序提示英文（项目发布上线后）

原创 GCJ02坐标系转WGS84坐标系（已实地测试基本无偏差）

原创 uniapp(小程序) 图片画布添加水印（加背景色）

原创 vue js（uniapp） md5加密加密传输密码加密

原创 vue在线预览pdf、word、xls、ppt等office文件（注意该方法仅适用于公网地址，不适用于局域网）

原创 js计算时间间隔（年月日、天）。

原创 vue h5图片打水印（水印的位置，样式独立，水印换行，拿图片宽、高等信息）

原创小程序uniapp获取经纬度、地址