- 博客(29)
- 收藏
- 关注
RSS订阅原创 getActivePinia()“ was called but there was no active Pinia. Are you trying to use a store before cal
在钩子函数外，pinia 还没有被挂载，但是在前置守卫函数中，pinia 已经被挂载了，所以获取全局状态，需要在钩子函数中进行，正确的实现如下。1.在vue3中路由守卫里面使用pinia时报错。
2024-06-03 16:32:56
377
原创 mac 本地项目发布到gitee(码云上)
在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ced03d8ad4fc4db6a761e6af6e244e9f.png。2.本地项目中初始化git。
2024-05-25 21:23:53
256
原创 vue3+ts vscode 无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件
2.解决方法：在vite-env.d.ts 添加如下代码，让ts可以识别到该模块。报错如下，程序不会报错，但是爆红看着很难受。
2024-01-26 09:18:25
785
1
原创 vue3 Vetur报错：has no default export 组件没有默认导出
2.解决方法 ：在vscode中的setting.json中添加一下代码。1.报错如下：虽然程序不会报错，但是看着难受。3.重启vscode就可以了。
2024-01-26 09:13:17
4863
1
原创 mac vue3.0.0因项目越来越大打包生产包导致内存溢出[Ineffective mark-compacts near heap limit Allocation failed - Java]
Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory ，const requiredVersion = require('../package.json').engines.node --max-old-space-size=4096
2024-01-25 10:20:36
614
原创 element plus 中表格文本过长问题
1.表格中添加 show-overflow-tooltip属性。2.设置el-popper属性。
2023-06-26 09:51:46
367
1
原创 Vue3 vite.config path爆红解决方法
解决办法：在src文件下 vite-env.d.ts 添加如下代码。1.下载@types/node。2.在路由页面配置爆红。
2023-05-10 16:36:14
1278
原创 mac m2电脑下载maven
3.Maven 配置文件：/usr/local/apache-maven-3.9.1/conf/settings.xml。总结：由于mac系统的升级，新的环境变量读取方式走zsh的就会存在以上问题。6.有可能会遇到 zsh: command not found: mvn。8.但是关闭终端又出现上面的问题了，有需要重复操作解决，太繁琐了。4.添加阿里云仓库镜像，加速文件下载（远程）速度。再执行mvn -v命令便成功了。1.下载maven到本地电脑中。2.找到mac下载的包。
2023-05-06 11:57:25
256
原创 uniapp 小程序中swiper中放视频，icon定位在视频中间，位置发生了变化。
uniapp 小程序中swiper中放视频，icon定位在视频中间，位置发生了变化（只针对ios手机）。当我们视频和图片在一个swiper中的时候，需要有一个播放的按钮定位在中间的时候，在小程序中我们滑动的时候，在ios手机上面的时候可能会造成定位会根据swiper来定位，导致播放按钮不居中，位置一直在改变，解决方法：当我们滚动ios手机的时候他又会造成重绘，定位又根据当前父元素来定位了，位置又和你当初设置定位一样了，（简单来说就是当我们滑动到视频组件的时候需要让页面 滚动一点就可以！）代码如下un
2021-11-23 15:07:33
2579
原创 element ui table表格中 span-method的用法
前景：前天突然接到一个蓝湖，上面需要动态添加数据到表格中，并且要实现一对多的数据，在网上找了一些，看到了表格中还有一个span-method的属性可以实现合并表格，写完之后来总结一下。官网给我们提供了span-method的方法可以进行表格合并,有4个参数返回:row,column,rowIndex,columnIndex;row和column是表格的行和列,里面是当前行和列的值,也就是tableData里的值,rowIndex,columnIndex是当前行和列的序号代码如下：// 动态和并的操
2021-09-30 14:38:43
3719
原创 h5判断是否安装app，如果有，跳转app，反之跳转下载页面
h5判断是否安装app，如果有，跳转app，反之跳转下载页面经历：当开始接到这个需求的时候，在网上看了下，在网上说的去写了，但是达不到我的效果，网上大多是是通过打开app的时间来判断打开,下载的入口和打开app的都会出现，，而不是有则打开app，没有就去下载app的地方话不多说直接上代码了:if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { var openApp = null; //通过打开页面的值来判断
2021-09-01 14:29:34
3171
原创 element ui 中 el-date-picker 时间选择器选择完成不渲染出来
element ui 中 el-date-picker 时间选择器选择完成不渲染出来el-date-picker里面有change事件，但是：当你选中的值和你之前的值是一样的话是不触发的。当你数据结构很多层的时候也会很难触发数据，渲染到页面上的。解决办法el-date-picker 里面选择时间的时候会触发input的事件的，所以在我们事件里面直接调用强制刷新页面的方法（$forceUpdate）来刷新数据，就可以了！代码如下：html： <el-date-picker
2021-08-24 14:08:30
5069
2
原创 vue项目如何引入富文本编辑器
vue项目如何引入富文本编辑器打开vue-element-admin官网2.选择侧边栏边上的Tinymce，你可以看到上面会有标记源码的位置，再把里面整个components文件下载下来，如下：3.直接在代码中直接使用这个组件就可以了。...
2021-08-12 16:23:08
397
原创 非微信环境跳转小程序
非微信环境跳转小程序需求：当用户在非微信环境中怎么跳转到小程序中并且传递参数。实现思路：非个人主体并且已认证的(微信认证)小程序，使用云开发静态网站托管的网页，可以免鉴权跳转任意合法合规的小程序。即可以在微信内部浏览器的 H5 跳转小程序，也可以在微信外部浏览器或其他部分 App （如企业微信、QQ 等）跳转微信小程序。实现流程： 最重要的是你的小程序要把云服务开启【重要】把静态网页下载下来，下载链接这里有教你怎么改成你自己小程序的云函数中怎么添加参数// 云函数入口文件const cl
2021-06-01 14:14:37
899
3
原创 微信h5隐藏分享按钮，直接代码了
<script src="./jweixin.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript" charset="utf-8"> wx.config({ "debug":false, "beta":false, "jsApiList":["openEnterpriseChat","openChatWithMsg","select
2021-03-08 15:18:52
359
原创 点击退出小程序
开发中可能会遇到点击退出小程序的需求，只需要加入这样的代码就可以了，<navigator open-type="exit" target="miniProgram" class="btn_next_back"></navigator>至于兼容性，目前还有测试出来，有知道的老铁可以下方留言一起交流！...
2021-03-08 10:25:14
227
原创 ionic cordova angular ios打包测试包流程
此文章主要是在xcode10的基础上面更新到xcode12.4版本的更新打包流程首选，把xcode下载成12.4的我们需要在xcode上面登录你的账号，如图：3.选择你的账号4.切换图片中的选择测试如果你要是报这个错误的话（Signing for “Harmony” requires a development team. Select a development team in the Signing & Capabilities editor.）你可以clean一下打包
2021-03-08 10:22:06
547
原创 uniapp-rich-text（富文本中图片预览功能实现）
使用rich-text渲染富文本，实现里面内容图片预览功能//template里面的代码 <rich-text space='emsp' @click="点击事件" :data-nodes="数据" :nodes="数据" ></rich-text> js里面的代码// 富文本预览图片 showImg(e){ let contentimg=e.target.dataset.nodes; let imgs=contentimg.match(
2021-03-02 11:52:27
4662
10
原创 Uncaught (in promise) Error: Redirected when going from “/channel“ to “/index
路由守卫重复进入两次，报错（虽然页面还可以运行）看网上有很多都试了，感觉都没什么用，后来找了一个，有效，分享一下。Vue 重复进入相同路由消除警报：注意：是写在路由的文件中，Vue.use(VueRouter)之上push跳转的话：添加下面这个代码const originalReplace = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) { return originalReplac
2020-12-25 16:32:08
4019
3
原创 uniapp中使用canvas 画海报总结
一、canvas 首先创建一个canvas标签，下面的事件是为了你点击海报的时候是会报错 的，你需要定义一个事件，return就可以了！如图：<canvas class="canvas" canvas-id="myCanvas" @touchmove.stop.prevent="moveHandle" ></canvas><!-- 海报 -->二、首先我们要是一开始就画图的话需要在mounted的调用就可以了。三、画图代码如图：注意的点：网络图片需要转化成
2020-12-14 13:21:22
3315
原创 爱丁顿h5总结
爱丁顿h5总结一、需求实现上下滑动淡入淡出动画实现切换图片。第二张图片有轮播图。第三张实现一个小手闪烁。第四张实现输入信息。生成海报和第五张图多一张二维码。第四张图输入的信息需要在第五张图上面显示出来。二、实现思路通过层级来定位实现盖住在上面...
2020-11-03 10:39:26
183
原创 angular ionic cordova项目遇到的错误
项目开始运行不了的时候需要初始化下把原来的node-modules删掉，运行口令npm install从新初始化项目运行口令 ionic serve把报错的隐藏如下图：把这个文件中的隐藏的放出来：如图
2020-10-13 17:12:51
523
原创 小程序与h5分享
小程序分享可以参考小程序文档小程序文档链接介绍：小程序中有直接在按钮上面加open-type就会触发分享了如下: <button open-type="share"></button>在onShareAppMessage这个生命周期上面书写你要分享的内容就可以了，如下：onShareAppMessage(res) { return { title:'标题', path:"你需要客户点击你分享的进来你的程序的路径", imageUrl:'图片'
2020-09-29 16:20:32
739
原创 React-hooks
react-hook简介：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。react-hook分为下面几点useStatememouseMemouseCallbackuseReduceruseContextuseRefuseEffect一、useState如图：import React from 'react';import ReactDOM from 'react-dom';// us
2020-09-08 17:01:52
138
原创 React框架
##React框架react是一个什么框架呢？ 1. 组件化：使代码更加模块化，重用代码更重要，让代码更具有复用解耦性 2. Virtual Dom:让性能更好，让我们脱离了直接操作dom节点来操作页面 3. 单项数据流：使数据更安全了 4. mvc ：使用数据控制视图 5. 渐进式框架：可以把所有的插件包裹进去一.安装react框架口令 1. npx create-react-app 项目名 2. cd 项目名 3. npm start二.项目目录介绍 1.
2020-08-16 15:17:10
825
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人