Maggie柒哈哈-CSDN博客

原创 vue中实现微信支付（三种支付方法）

支付按钮为：<div class="bottom-btn" @click="payOrder2">立即购买</div>方法函数：payOrder2() { this.postRequestWWW(this.baseUrl + '/pay/getCodeImg',{ sessionId: this.sessionId, ...

2019-07-22 10:57:58 28315 18

以下步骤为在和风天气官网创建好账号并获取到key后（和风天气官网开发文档）：https://dev.qweather.com/docs/start/）：获取天气信息onShow: function () { this.getLocation();//如果需要获取当前位置或 this.getWeatherInfo(29.950461, 120.309056);//如果只获取一个地方的天气},getLocation:function(){ var that = this; wx.ge

2022-02-25 16:18:43 3350 13

原创文本内容中存在链接替换成超链接a标签展示（vue）

问题描述：实现用户在文本框中粘贴网站链接，提交后在前端页面显示时，只展示域名部分，点击新窗口跳转该页面地址输入格式：展示格式：基本产品需求：转换方法：getHref(content) { if (!content) { return ''; } const urlPattern = /(https?:\/\/|www\.)[a-zA-Z_0-9\-@]+(\.\w[a-zA-Z_0-9\-:]+)+(\/[()~#&\-=?.

2021-08-10 18:05:37 2407 2

原创 nuxt 带参数动态路由

nuxt是基于vue.js服务端渲染的框架，其中路由文件不像vue项目那样手动配置，而是依据 pages 目录结构自动生成 vue-router 模块的路由配置。基于项目seo优化需求，需要将路由改为动态路由。一、创建带参数的动态路由（两种方法）方法一、直接创建一个带参数的动态路由新建文件的时候直接创建带参数的动态路由，这个官网中有介绍，我就不总结了，附上官网地址：[https://www.nuxtjs.cn/guide/routing#%E5%8A%A8%E6%80%81%E8%B7%AF%

2020-08-18 14:59:00 3353 3

原创 vue引入支付宝支付

基于我们公司的项目是需要在web端、手机浏览器和微信浏览器中都要运行，所以我这边把对应不同的端调用的方法也分开列一下。一、web端 let newWindow = window.open(this.$store.state.envUrl + '/jumpPage',"_blank") this.postRequestWWW(‘此处写调用的后台接口名’, { ...

2020-05-07 14:51:07 2794 2

原创 vue 生成二维码

1.安装依赖npm install qrcodejs2 --save2.在需要生成二维码的页面中进行引用import QRCode from 'qrcodejs2'使用例子如下： <div id="qrCode" ref="qrCodeDiv"></div>qrCode() { new QRCode(this.$refs.qrCodeDi...

2019-09-26 15:36:40 294

原创 Vue + Element-UI实现el-table中数据的导出

最近的一个后台项目中有导出Excel的功能，之前在上一家公司的时候这个导出功能一直是由后端来实现的，所以一直也没去了解前端怎么实现，这次后端说让前端来实现这个功能，然后我就对这个功能做了下整理，具体如下：1.安装依赖npm install --save xlsx file-savernpm install --save script-loader2.在src目录下新建一个名为vendor...

2019-08-30 17:20:29 1818

原创如何去除Element-UI中dialog右上角的关闭按钮

最近使用了Element-UI中的Dialog对话框，因为需求需要去掉右上角的关闭按钮，如图所示：最后在网上找到了一个方法，直接上代码<el-dialog title="" :visible.sync="dialogVisible" :showClose="showClo" //主要是这个属性设为false即可 width="600px" center> ...

2019-08-30 10:55:36 25650 5

原创 CKPlayer视频地址加密方法

不知道大家在做项目的时候有没有用过CKPlayer播放器，可以对视频地址和视频文件进行加密，其中视频地址加密有二种形式一：共用加密KEY进行加密，即：ckplayerDesKey二：私有加密KEY进行加密，私有的也分二种：1：没有购买CKKEY（修改右键版权的KEY）的，可以自己设置一个CEKEY，用来加密，这种CEKEY只有你自己知道，别人是无法破解的。2：如果购买过CKKEY，则可以...

2019-07-24 17:34:01 4641

原创 Vue 微信登录

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-07-22 11:20:16 1402

Maggie柒哈哈的博客