小宇同学哇-CSDN博客

原创 vue 跳转路由后返回上一页还是当前页面，但是路由地址有改变（已解决）

在使用beforeRouteLeave()跳转前拦截的时候一定要注意，要执行next()这个回调函数，它的意思是执行跳转的意思，你不写，就不会发生跳转。

2021-12-08 02:06:31 8188 2

转载 vue中vuex的五个属性和基本用法

文章转载于：https://www.cnblogs.com/lyxzxp/p/11778579.htmlVueX 是一个专门为 Vue.js 应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vuex有五个核心概念：state, getters, mutations, actions, modules。1. state：vuex的基本数据，用来存储变量2. geeter：从基本数据(state)派生的数据，相当于state

2021-07-05 11:14:27 5917

原创微信小程序云开发使用云函数调用服务端链接生成获取用户token

需求目标：微信小程序云开发使用云函数写后端接口获取微信用户token。安装相关文件：参考这位老哥的博客https://blog.csdn.net/u013184970/article/details/105709259/1.首先在相关云函数安装request请求npm install --save request2.安装request-promise环境npm install --save request-promise实现：1.云函数代码：// 云函数入口文件const

2021-05-20 18:04:07 17104 10

原创微信小程序使用canvas画海报分享图

项目场景：很多小程序都会有一些分享海报的需求。因为我这边之前一直都是后端直接生成一张图片然后返回了的，我前端直接把路径放上去就可以了。但是，有时候后端没直接生成海报，而是只生成了一个二维码，这时候就需要我们前端来合成海报。虽然也可以直接叫后端做，但是身为前端人员，不能什么事都让后端来实现，前端也能实现。这时候就需要用到canvas来把数据都画进去了。实现步骤：1.先需要在代码里定义一个canvas标签（我这里用的是一个vant的弹窗，可以换别的）注意这里的canvas最好使用v-show来显示

2021-04-23 12:04:14 1019

原创 reduce以及map的使用用法（批量修改data数据里的数据类型，string/number...转换）

首先定义的data.id的值类型为string。我的期望是把data数据的string类型的id,改为number类型。用下面的方法后，可以把data.id的值类型改为number等。 created() { let data = [ { id: '11', name: 'test' }, { id: '12', name: 'test' }, { id: '13', name: 'test' }, { id: '14', nam

2021-03-24 11:17:38 378

原创安卓手机和ios手机的时间格式处理，iOS不兼容时间格式转换

iOS需要把时间带"-“的替换成”/"才能解析到！除以1000是把毫秒数精确到秒数，然后toFixed(0),不保留小数。if(system=="iOS"){ return (new Date(time.replace(/-/g,'/')).getTime() / 1000).toFixed(0) }else{ return (new Date(time).getTime() / 1000).toFixed(0) }附带一些时间处理封装的方法function secondConvert

2021-03-23 11:49:35 480

原创前端开发PC端页面，出现页面抖动原因及解决办法

问题描述：前端开发PC端页面，出现页面抖动，屏幕不停闪动原因分析：原因是，每台电脑的尺寸大小不一样。当页面获取的数据跟电脑屏幕刚好一直时，他就会出现这个问题，伸展/收缩，伸展收缩，出现滚动条，隐藏滚动条，一直在不停的变换才导致页面一直闪。这个场景其实可以模拟出来，我们把一个页面先缩放/扩大到跟屏幕产不多大的时候，找到这个页面的样式。加个margin-bottom,把数值一直加，加到跟屏幕一样大小的时候，他就会闪动了。（我不会做动图gif,所以那个闪动的效果放不上了，可以自行试一下）解决方案

2021-01-11 11:20:16 8402 4

原创 uniapp,微信小程序局部位置自定义下拉刷新，上拉加载。

前言：uniapp以及微信小程序的官方下拉刷新和上拉加载都是全局的，或者说是整个页面的。但如果我想刷新的是局部位置，很显然pages.json里面配置的就不行了。如图要实现的效果：这里有用到uview。搜索框和上拉的提示语都是用的uview 。这里的下拉刷新用的是官方的滚动视图标签进行实现scroll-view 详细看官文。##下面就是我实现的源码和注释解释。1.最重要的是最外层的view需要固定位置并且禁用滚动<view style="overflow-y: hidden;positi

2020-11-12 17:21:47 4439 16

原创 vue动态改变hidden值，通过后端返回的值判断权限并且隐藏导航栏

前言：这是使用vue-element-admin框架开发的。开发通过后端返回的权限列表判断是否隐藏导航栏，效果图：有权限的，显示2。部分没有显示的，隐藏效果图1.代码写在这里2. 方法体在这里插入代码片...

2020-10-28 15:06:32 7191 14

原创 vue使用echarts简单配置制作三种常用数据可视化视图

echarts官方API文档:https://echarts.apache.org/zh/option.html#title.link前言：先看大概效果图1. 首先我们通过官方文档，在vue项目里安装echarts。1.npm install echarts --save2.在项目里直接引用var echarts = require('echarts');即可（下面会有代码演示）2.1项目使用，先来个柱形图。1.页面代码：只需呀一个div。我们需要这个id通过document.getE

2020-10-24 04:33:41 3100

原创 vue+elementUI如何使用腾讯地图进行开发

腾讯地图官方文档：https://lbs.qq.com/webDemoCenter/glAPI/glMap/mapCenter1. vue不同普通的html一样直接引入<script></script>就行，而是在vue.js里面要把<script src="https://map.qq.com/api/gljs?v=1.exp&key=你创建的key"></script> 引入public目录里的index.html文件里2.然后就能在你

2020-10-20 20:43:53 4426 3

原创 vuex全局获取状态值，解决页面刷新$store.state的值会重置问题

前言：vuex状态管理,store实战使用1. 首先在src目录下建一个store目录和store.js文件,用来存放值2.写

2020-10-14 17:30:07 2260

原创 vue-router实现路由拦截（权限）

记录前端用vue-router实现路由拦截（权限控制）

2020-10-14 17:02:10 1760

转载 vue动态实时获取页面高度

动态获取实时页面高度mounted(){ window.addEventListener('scroll',this.scrollHandle);//绑定页面滚动事件 },//获取页面滚动高度methods:{ scrollHandle(e){ let top = e.srcElement.scrollingElement.scrollTop; // 获取页面滚动高度 console.log(top); }}此代码为转载，来自简书原文：h

2020-09-30 12:18:13 3021

原创 vue动态添加:style和:class样式

参考文章：https://blog.csdn.net/weixin_30736301/article/details/100093744

2020-09-15 19:44:54 1177

原创 h5页面点击保存图片到手机本地相册（通用，传值就能用）

前言：本来用uniapp开发h5页面，想点击图片保存到本地，但是，uniapp并不支持这个方法，所以下面这个是通过百度找各种资源然后弄出来的方法直接上代码，有注释：<image mode="aspectFit" :src="xxxxxx"></image><button style="margin-top: 10px;" @click="savePic">保存到本地</button>savePic(Url){ Url = this.dialogI

2020-09-02 17:19:11 33191 35

转载 watch监听事件三种写法（转载）

前言：此文为转载，因为作者写的太清楚了，一目了然，容易理解，所以直接保存，方便日后查看。感谢大佬！！！原文链接：https://www.jianshu.com/p/a16e74761193第一种普通监听<input type="text" v-model="userName"/> //监听当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }

2020-08-31 18:33:42 3017

转载 js实现四舍五入完全保留两位小数的方法，直接套用

转载别人的，方便自己看并使用。感谢大佬的资源！！！地址：https://m.jb51.net/article/89719.htm//四舍五入保留2位小数（若第二位小数为0，则保留一位小数） function keepTwoDecimal(num) { var result = parseFloat(num); if (isNaN(result)) { alert('传递参数错误，请检查！'); return false;

2020-08-13 12:06:56 775

原创 elementUI upload图片文件上传到指定后端接口解决方法

1. 一般后端提供接口上传文件都有参数。如果我们不传参就会报错或显示图片不存在，上传失败。所以我们要参考他的文档。action 是上传路径； ==name== 就是传参的属性(关键)。imageUrl: '',<el-form-item label="封面图片" :required="true"> <el-upload class="avatar-uploader" action="http://xxx.cn/xx/file/uploadImg/" name='photo'

2020-08-11 16:42:48 4402

转载 element-UI el-select组件展示名称，选择的时候，获取选中的id

参考网址：https://segmentfault.com/a/1190000020137115 感谢老哥，不然我都打算用循环遍历了，十分麻烦。（直接截图借用老哥的了，写的十分清楚）

2020-08-11 15:46:14 3490 2

原创解决如何通过后台获取数据进行分页，vue.js+elementUI分页组件＜el-pagination＞，简单易懂。

前言：前端利用vue.js+elementUI进行开发，并利用它的组件<el-pagination> 做分页,数据通过后台获取得到。（前后端分离开发）前端首先要用到它的组件。 @current-change：当前页改变触发这个函数/page-size:一页几行 / :total:总行数  <div style="text-align: center;"> <el-pagination background layout=

2020-08-06 19:52:24 3109 2

原创 element ui复选框点击全选，单选取消全选状态，再次单选所有显示全选状态。。提交表单给后台一个数组id。。。

前言：这是一个复选框，复选框的内容是通过后台获取过来的，选中后提交表单要传一个数组（数组里是权限的id）给后台。大概就是这样了。。。我都语无伦次了。。。。正题：首先得从后台获取到数据。。。。...

2020-07-30 19:46:32 748

原创禁用 eslintrc 严格代码检验

在项目中无意添加到eslintrc 严格代码检验非常讨厌，时不时的给你报个错，真的烦，下面一行代码禁用空格缩进代码检验在项目根目录下找到 .eslintrc.js 文件搜索 space-before-function-paren 这个把值设为off，然后保存，重新启动项目 npm run dev 即可 /* 禁用eslintrc 代码检验*/ 'space-before-function-paren':'off',详细eslintrc讲解请参考博客：https://blog.c

2020-07-23 20:14:29 1297

原创 vue.js+iview的render函数用法

记录一下使用iview中有个非常讨厌的东西render…这是iview的table表格代码 <div> <i-table border :content="self" :columns="columns7" :data="data6"></i-table> </div>给它定义表头就比较烦在这里插入代码片...

2020-07-21 11:02:36 212

转载修改iview FormItem的字体大小

两种方法第一用 \deep\穿透法第二具体参考：https://www.jianshu.com/p/7d0b334daba2感谢大哥

2020-07-20 16:02:05 2404

原创 windows 、linux ssh远程控制工具，ssh窗口关闭，进程也会关闭；保护进程方法

利用ssh远程管理工具，保护正在进行的进程，实现关闭ssh工具，不会把进程也关掉，直接上图：格式：nohup xxxxx(程序名称) &完了，它会提示把进程写入了 ‘nohup.out’ 这个文件里：生成文件后，就可以把窗口关掉了。你也可以 vim nohup.out 看一下里面是什么东西，这我就不截图了；大概就是一个spring的脚本在里面，大概是这么个意思。...

2020-07-11 12:58:59 674

原创 MongoDB存储手机号码11位数失败，超十位数会自动清0，Integer越界

这是我在做一个app商城出现的问题，下面简单描述一下，我做的流程。报错原因：错误是我在前端输入手机号码注册时发现存储不了，存储失败然后我就想是不是数据库除了问题，于是我打开native,mongodb数据库因为我i在测试的时候并没有输入过完整的手机号码11位数，我测试都是简单的输入几位而已。但是当我去面试的时候，给老板展示的时候，老板也正经，按正常流程，输入用户名，自己的手机号码（这个标出来，待会谈到）等等；这时候注册完跳转到登陆时就出现问题了，登陆失败，实际是因为手机号码越界（圈出来，

2020-07-11 12:40:40 524

原创 MongoDb报java.lang.IllegalArgumentException: Collation not supported by wire version: 3原因

题记：这是在用springboot整合mongoDB开发时出现了错误java.lang.IllegalArgumentException: Collation not supported by wire version: 3 at com.mongodb.internal.operation.OperationHelper.validateCollation(OperationHelper.java:126) ~[mongodb-driver-core-4.0.3.jar:na] at com.mon

2020-07-01 11:40:24 983 1

weixin_45923100的博客