半梅芒果干的博客

【代码】v-charts图片下载。

【代码】vue3+vite+js axios引用。

目前安装的8.2.0，现在最新版版本是9.1.0，最新版差别还挺大，还不太会整，等后续弄明白了再安排上。OK，开始安装，安装成功后，根目录会出现*.eslintrc.cjs*文件。好了，我要休息了，脖子要断了，好痛啊啊！

pinia请移驾查看

① 执行以下两个命令②main.js文件引用③ 根目录新建一个到这里就安装完成了，重新运行项目就可以在浏览器看到变化了。

首先需要node版本高于V16.14.1。

2.申请key时要分配测数，不然会提示key次数已用完。1.腾讯地图要用jsonp来调用，不然会报跨域问题。

我这里限制开始时间，结束时间也类似就不写了。

很赞同村上春树的一句话：“有一个喜欢的人真的太重要了，在你打算稀里糊涂过这普普通通的一生的时候，会因为对方而再想努力一下，在那么多疲惫不堪甚至抬不起头的日子，会因为对方而觉得人生还有盼头。”正确的爱是良性的相互教育，是强有力的向上攀爬，是治愈彼此人生滚烫的阳光。

想起村上春树的一句话：“我一点也没做好二十岁的准备，挺纳闷的，就像谁从背后推给我一样。”我以为我二十多岁，会去看山河大海，落日余晖。可事实上是，我还在找寻我自己。

chrome中找到 更多工具 / 扩展程序 选项，勾选“开发者模式”，然后点击 加载已解压的扩展程序，选择vue-devtools\shells\chrome，确认，即可使用了。2、修改mainifest.json 中的persistant为true。4、执行安装命令 npm run build。3、执行命令 npm i。

【代码】vue 全局刷新与局部刷新。

其实无论你活成什么样子 都会有人说三道四 这个世界我们只来一次 吃想吃的东西 见想见的人 看喜欢看的风景 做喜欢做的事 不要在闲言碎语中迷失自己。

踩了好久的🕳，记录一下！

七零八碎的记录。

在需要的页面埋点就可以了。这样就表示初始化成功了。

【代码】pc 小程序获取首字母排序及跳转。

vue H5 唤醒app

vue.config.jsmodule.exports = { devServer: { proxy: { '/api': { target: '访问的接口域名', changOrigin: true, // 允许跨域 pathRewrite: { '^/api': '' } } } },]2.utils/request.js// create an axios instanceconst service = axios.cre.

1.封装一个JsBridge方法//自定义JS注册事件监听 connectWebViewJavascriptBridge 方法名可改function connectWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { callback(window.WebViewJavascriptBridge) } else { document.addEventListene

参考文档：https://element.eleme.cn/#/zh-CN/component/menudefault-openeds：把需要展开的放到数组中

1.store/module/新建permission.js文件import { asyncRoutes, constantRoutes} from '@/router'/** * Use meta.role to determine if the current user has permission * @param roles * @param route */function hasPermission(roles, route) { if (route

参考文档：https://www.npmjs.com/package/vue-pdf1.下载依赖：npm i vue-pdf2.引用并使用（复制可直接用）<template> <div> <pdf v-for="i in numPages" :key="i" :src="src" :page="i" /> </div></template><script&

百度地图参考文档：https://lbsyun.baidu.com/index.php?title=jspopularGL//统一设置import marker from '@/assets/marker1.png'const p1 = new BMap.Point(121.286742, 31.132338)const p2 = new BMap.Point(121.286742, 31.132338)const map = new BMap.Map('map')map.centerAndZ

安装 npm i svg-sprite-loader -D 开发依赖包在项目src目录下新建一个icons目录目录结构- src - icons - svg - wx.svg - qq.svg配置 vue.config.js 的 chainWebpack 属性// 使用export.module的原因是vue-cli运行在nodejs环境const path = require('path') // 引入node的路径处理模块functio.

二维码生成安装npm install qrcodejs2 --save 引用调用<template> <div> <el-button @click="getQRCdoe">点击显示</el-button> // 用v-show 不然无法显示 <div v-show="scanStatus" ref="qrCodeUrl" style="width:100px;height:100px" /> </

先声明本人是通过input点击上传图片，如果想要实现element Upload 上传的话，也可以参考，其实大同小异逻辑大致是：先上传图片获取到图片地址后，然后进行裁剪，裁剪完成后通过裁剪方法获取base64，然后呢base64转为file类型，再通过file类型处理成自己想要的格式裁剪参考链接：https://github.com/xyxiao001/vue-cropper(字段参数我截图放到下面，这个链接有时候经常打不开！)字段说明：cropperStatus：是否显示裁剪框imgUrl.

- 文件放到后端 window.location.href = 文件地址'- 文件放到前端（文件需要存放到public下）axios.get('文件名, { responseType: 'blob'}).then(response => { const url = window.URL.createObjectURL(new Blob([response.data])) const link = document.createElement('a') link.href

<template> <div v-if="showViewer" class="previewImg" :style="'top: '+ imgTop + 'px; left:'+ imgLeft+'px'" @mousewheel.prevent="wheelChange" @mousedown.self="mousedown" @mousemove.self="mousemove" @mouseleave.self="mouseleave" @mouseup.self="mous