- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Echarts中拖动缩放事件georoam影响click事件的解决办法
当地图中拖动缩放事件georoam与点击事件同时存在时，拖动事件会影响click事件，可能导致点击地图区域时，触发不了click事件，而是触发georoam事件；或者点击地图上的选点时能够触发click事件，但是点击区域时触发不了的情况。
2025-03-21 17:33:54
164
原创 【css实现边框圆角渐变效果】
边框带渐变色边框支持设置 border-radius内部支持透明思考一下，使用 CSS，我们可以如何实现这个效果？
2025-02-13 15:09:24
583
原创 Vue实现多文件上传
一、需求说明及展示通过vue和element实现多文件上传二、实现步骤// 代码片 <el-form ref="dataForm" v-loading="formLoading" :model="temp" :inline="true" size="mini" label-position="right" la
2022-04-21 16:05:14
9360
8
原创 Vue中显示echarts北京公交路线
一、实际展示二、准备工作（1）在项目中用vue创建一个用来显示线路的页面// 必须设置id,此id是用来加载echarts的，id的名字随便起<template> <div id="mains" style="width:60%;height:300px;"></div></template>（2）安装echarts，并引入在显示页面// 安装echartsnpm install echarts --save// 显示页面引入e
2022-04-20 10:57:40
4178
10
原创 vue实现绑定微信登录全过程
一、需求说明通过vue绑定微信登录，首次进入获取code，通过code获取openId查用户，然后进行登录，第二次进入若绑定过微信，直接登录进入主界面，若没绑定过微信，则跳转到登录页面。二、准备工作（1）开通微信公众号的相关功能测试账号会有appID和appsecret,记住这两个，后续会用到填写js接口安全域名，这里填的就是你的服务器接口访问地址这里先填自己本机的地址，记住不要加http等协议，端口号是你项目的端口号，例如我的项目端口号是8368（2）其他准备工作redirect
2022-04-12 14:11:23
7782
6
原创 vue实现pdf预览
需求说明实现一个通过vue，预览pdf,并支持滚动加载，可下载的插件一、下载插件 vue-pdfnpm install --save vue-pdf二、创建组件在src/components/下创建pdfAll.vue<template> <div class="pdf-all-container"> <div class="tool-container"> <el-button
2022-03-30 13:08:01
14237
10
原创 Vue父子组件传参
一、父传子1.1业务逻辑父组件中点击编辑，将此行的row以对象的方式传到子组件，子组件相应地方显示父组件传过来的内容1.2功能展示1.3实现步骤1.3.1在父组件中引入子组件// 父组件中引入子组件import accidentNewDialog from './accidentNewDialog.vue'1.3.1在父组件中注册并使用子组件// 父组件中注册子组件components: { accidentNewDialog },// 父组件中使用子组
2022-03-07 15:55:34
1806
2
原创 Nginx 服务器 SSL 证书安装部署
问题描述：小编遇到https协议过期了，于是重新申请，在Nginx服务器部署SSL证书安装步骤1.准备工作在 SSL 证书管理控制台 中下载并解压缩 cloud.tencent.com 证书文件包到本地目录。解压缩后，可获得相关类型的证书文件。其中包含 Nginx 文件夹和 CSR 文件：文件夹名称：Nginx文件夹内容：1_cloud.tencent.com_bundle.crt 证书文件2_cloud.tencent.com.key 私钥文件CSR 文件内容： cloud.tence
2021-12-02 09:58:17
6075
1
原创 vue实现二维码扫码功能
描述通过vue的方式，实现扫码功能参考文档：vue-qrcode-reader添加链接描述–>官方文档效果展示实现步骤：步骤一（安装插件）npm install --save vue-qrcode-reader步骤二（创建组件）因为可能多个页面都会用到，所以弄成了组件（1）在src下面的components创建qrcode.vue（2）代码实现// qrcode.vue<template> <div> <!-- <p cla
2021-11-11 17:00:40
14175
54
原创 vue-cli使用CopyWebpackPlugin将指定文件复制到打包后的dist目录下
由于小编在网上查到好多类似的文章，但是都是一样的内容，而且还不好使，所以在自己琢磨完后，成功复制文件，来此写文章，防止大家入坑步骤一（引入插件）在vue.config.js中引入插件const CopyWebpackPlugin = require('copy-webpack-plugin');步骤二（使用插件）在module.exports ={}中引入插件configureWebpack: { plugins: [ new CopyWebpackPl
2021-10-30 14:40:30
4267
1
原创 vue-cli版本号始终是2.9.6，以及升级到最新版本办法
问题描述遇到一种情况，就是使用vue --version 查看版本始终是2.9.6，安装命令是npm install @vue/cli ,按理说是最新版本，但是还是显示旧版，使用vue create 【项目名称】 提示是要卸载脚手架在安装，但是安装后还是2.9.6.原因其实导致这个原因是从vue-cli 3.0版本开始原来的npm install -g vue-cli 安装的都是旧版，最高到2.9.6，安装新版必须是新的命令npm install -g @vue/cli 这就导致了，如果我们再2.9.
2021-10-29 13:52:56
8184
16
原创 微信小程序学习笔记
1、初始小程序1.1、什么是小程序依托与微信，完整的一个应用，即用即走、触手可及。1.2、小程序注册微信公众平台注册：https://mp.weixin.qq.com/1.3、安装微信开发者工具微信小程序官方文档：https://developers.weixin.qq.com/doc/2、小程序开发基础入门2.1、JSON 配置2.1.1、全局配置（1）app.json小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，文件内容为一个 JSON 对象。常用配置项：
2021-10-19 09:49:38
391
1
原创 MongoDB连接本地失败解决办法
MongoDB连接本地失败解决办法错误原因解决办法在mongodb目录中新建一个data文件夹（如果有就不用建）进入data文件夹，建立db和log两个文件夹（如果有就不用新建）打开CMD，进入到mongodb 的 bin目录输入指令：mongod --dbpath 数据库路径看到port 27017 ，表明mongodb服务已启动重新打开mongodb 连接本地27017，就可以连接上啦错误原因没有启动mongo服务，所以启动失败，只要把mongo服务启动就好了解决办法在mongodb目录中新建一
2021-10-13 14:32:02
12804
9
原创 vue-用formData实现单张图片上传
vue-用formData实现单张图片上传上传文件为什么要用formData1.使用application/x-www-form-urlencoded：此类型不适合用于传输大型二进制数据或者包含非ASCII字符的数据。平常我们使用这个类型都是把表单数据使用url编码后传送给后端，二进制文件当然没办法一起编码进去了。所以multipart/form-data就诞生了，专门用于有效的传输文件。2.使用FormData的最大优点就是可以异步上传二进制文件实现效果至于这里为什么有两个接口，解释一下：
2021-07-27 20:08:47
2956
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人