- 博客(17)
- 收藏
- 关注
RSS订阅
原创 动态路由权限
路由权限的实现，基本原理是添加一个全局的前置钩子函数router.beforeEach(hook)，这个函数会在路由切 换开始时调用，即在用户登录时，获取用户权限表，通过权限表与白名单对比，利用addRoutes（）方法动 态挂在路由，即实现权限控制。下面我将对至二级路由的权限控制的思路即重要代码分布介绍： 我大体介绍一下本人项目中需要用到控制的点：平台中有三种登录身份：主账号，子账号...
2019-02-23 11:58:30
1056
原创 ElementUI table组件，固定列时，被固定的列下方没有横向滚动条，并且最后一行与其他行错位，并且固定列下方有白色区域
ElementUI table组件，固定列时，被固定的列下方没有横向滚动条，并且最后一行与其他行错位，并且固定列下方有白色区域
2022-11-28 09:43:55
2116
3
原创 js对象删除空值
Object.keys(e_params).map(key => ((!e_params[key]&&e_params[key]!==0)||e_params[key]==-1 ? delete e_params[key] : ''));
2022-03-07 10:48:05
1156
原创 防止事件冒泡
active(event){ var event = event || window.event; if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble = true; }};
2021-06-30 14:05:11
66
原创 vue项目配置不同的环境打包上传
vue项目配置不同的环境打包上传正常情况下，vue项目中build文件夹和config文件夹里有一下三个文件在build文件夹和config文件夹里新建以下文1，其中build中test.js文件中内容复制build.js内容，更改的地方有：2，其中build中webpack.test.conf.js文件中内容复制webpack.prod.conf.js内容，更改的地方有：,3，其中config中test.env.js文件中内容就是测试环境中的公共参数，例如：打包时，输入npm run t
2021-06-07 11:05:59
135
原创 vue使用wangEditor富文本编辑器上传本地图片到oss
vue使用wangEditor富文本编辑器上传本地图片到oss背景：本次上传方式采用的是 请求后台返回签名数据上传到oss；代码中使用的是ElementUI插件；项目是一个开放的平台，任何注册过的用户都可以使用平台中的富文本功能。第一步配置oss：1，权限管理–读写权限 设置为公共读写2，权限管理–跨域设置 设置为下图：注：最近听说新建的bucket，传入图片后直接引用图片地址默认为下载图片，没具体研究，好像需要主账号进行相应配置。代码部分第二步1，引入wangEditornpm
2021-05-24 14:41:26
2211
2
转载 基于Elementui的DatePicker时间组件，限制时间选择范围
基于网络文章的小改善http://element-ui.cn/article/show-171756.aspx文章中若用户首先选择结束时间则会出现开始时间不做限制的问题<el-date-picker v-model="settleTime" :picker-options="pickerOptions" size="small" type="daterange" range-separator="至" start-placeholder="开始日期" end-plac
2021-01-19 15:29:01
860
原创 微信小程序拒绝授权后，重新调起授权页
应用场景：我需要小程序用户授权保存图片至手机相册权限，当用户点击授权弹框的拒绝时，再次使用下载功能需要再次弹出授权页面，但是调用wx.authorize方法会返回错误信息errMsg: "authorize:fail:auth deny"，指用户已经拒绝授权，不会在弹出授权页面。最简单粗暴的方法是wx.authorize({ scope: 'scope.writePho...
2019-09-04 16:25:51
4471
1
原创 vue动态title
利用钩子函数判断设置首先路由文件加入meta{ //测试页面 path: 'test', alias: '/', name: 'test', component: test, meta: { title: '测试页面' } },main.js里设置钩子函数router.beforeEach((to, from, next) => {...
2019-08-28 09:28:01
123
原创 微信小程序后台获取签名，裁剪并上传图片至阿里云oss
微信小程序后台获取签名，裁剪并上传图片至阿里云oss首先，设置微信开发者工具，选择校验合法域名，防止本地可应使用，线上报错问题；其次，在微信公众平台–小程序开发，设置合法域名Oss设置–>基础设置 -->公共读写Oss设置–>基础设置 -->跨域规则–如下图代码部分Wxml部分<!-- // 引入裁剪组件 --><import s...
2019-08-19 14:46:39
1052
原创 当路由信息全部由后台返回时，基于之前的路由遍历开发
路由权限表全部由后台返回时，会出现component指向问题，可新建一个js文件，用来映射，如下jsvar map = new Map()map.set("index", () => import ('@/views/index.vue'))map.set("h1", () => import ('@/index/home1.vue'))map.set("h...
2019-04-19 11:08:45
975
原创 VUE依据数据双向绑定，实现节点操作
以一个添加input框为例data() { return { items:[null], itemList: [null], }}<template> <div> <button @click="add">添加</button> <input v-for="(item , index...
2019-03-06 11:44:07
144
原创 我的博客
博客文章主要对vue开发和微信小程序开发，围绕一整个移动支付平台项目流程开发，针对项目中遇到的重难点，以及优化方案，做出分享，欢迎各位大佬交流讨论。文章基本上都为原创，遇到好的也会标明转载！...
2019-02-18 15:39:17
100
原创 微信小程序版本自动更新
我是在app.js里进行版本检查（页面最好有加载动图效果） onLaunch: function() { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs); //判断微信版本是否 ...
2019-02-18 15:23:39
689
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人