queen_rain-CSDN博客

原创【无标题css中position和flex起冲突了

这样就可以解决两者冲突的问题。

2024-05-07 16:28:24 276

原创在vue3的router.ts中使用store.ts里面存的数据报错

后面发现是main.ts里面的注册有问题，需要修改在 main.js 里对 pinia 进行的注册，需要进行改造下。由于在main.js中，不管怎么注册，router总是比pinia之前创建，所以，当我们在router.js中使用pinia时，就会出现pinia还未注册的提示，我们只需要重新注册就行。这样基本上能够解决在router.ts中使用store.ts中的数据时报错的问题啦。大致意思就是说实例在文件中使用的时候，pinia实例没有被挂载。然后在你使用stores的文件中这样使用就好啦。

2023-09-05 15:08:02 1106 2

原创 vue3使用tinymce富文本编辑器出现的问题

vue3中使用tinymce富文本编辑器遇到的坑

2023-02-22 10:32:05 2484 3

原创 vue3+vite写管理后台启动项目报错

"GET /" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36"(node:17163) [DEP0066] DeprecationWarning: OutgoingMessage.prototype._headers is deprecated

2022-11-29 17:21:39 738

原创 uni-app上传视频在手机上上传失败，在web端上传成功

最近在写uni-app，上传视频的时候在web端电脑上没有链接手机调试，正常但是！！当我打包在手机上上传视频的时候上传不上去，当我用手机连接电脑调试的时候（手机和电脑一定要在同一个局域网）发现上传视频返回的值和电脑上传返回的值不一样。我觉得可能是uni的一些api在电脑和手机上返回的数据是不一样的。我的代码是这样的：后面我就做了一个判断，如果是在电脑上那么就会返回一个tempFile对象，里面就有type（mp4后缀等等）取这个后缀是为了判断上传视频的类型是否符合我们规定的类型。其实最主要的就是如

2022-03-31 16:12:38 1585 3

原创 uivew1.x版本上传组件上传失败如何清空页面展示

关于uivew的上传组件上传失败图片还是展现在页面上的问题

2022-03-29 11:02:43 1201

原创 Invalid handler for event “click“: got undefined

vue报错“Invalid handler for event “click”: got undefined”最近在写代码的时候发现弹出框给我这样报错，百思不得其解，为什么函数名有了，函数也上了，为什么还给我报错，于是百度了一下才发现是我太粗心了，函数没有写在methods里面。为此记录一下，也希望各位友人不要犯这样的小错误。...

2021-12-01 15:27:29 561

原创 vue项目里面使用动态cdn加载第三方js，例如：加载谷歌js

需求：1：在项目中加载谷歌地图，众所周知，访问谷歌是需要使用vpn的，没有vpn,或者vpn在不稳定的情况下谷歌就会自动报错！（解决这个报错问题）2：使用谷歌地图我们就需要使用谷歌js，这是属于第三方的js，我们需求中不允许在index.html中加载，产品给我们提及需要按需加载，在哪里使用就在哪里加载。做法具体如下：（1）首先，因为我们的谷歌地图加载呢是需要一个key的，所以需要我们在vue中定义一个key，然后把这个key传给我们的动态加载函数。const googleMapsCDN = 'h

2021-03-10 18:31:20 2455

原创管理后台，登录后回到登陆前的页面（比如地址栏输入页面地址但是还没登录会回到登录页面，登录后回到这个页面）

首先应该在路由守卫那里应该把这个地址存起来。我在项目中用的是在路由守卫那里把地址用localstorage存起来。详细代码如下：router.beforeEach((to, from, next) => {let permission = {}let role = JSON.parse(localStorage.getItem(‘role’));for (let k in role) {if (to.meta.pername == k) {permission = role[k]}

2021-03-09 14:40:00 912

原创在vue中使用Google Recaptcha验证

我们最近的项目中需要使用谷歌机器人验证，这个最主要的就是要有vpn，还需要有公司申请的google账号（自己申请的没用）用于商用的，利用这个账号去申请秘钥，然后有了秘钥之后就可以了。部分代码如下：首先正是我封装的google机器人验证组件：<template> <div ref="grecaptcha"> </div> </templa

2021-01-06 18:15:09 2874 9

原创 Error in created hook: “TypeError: Object(...) is not a function“

最近我在请求列表的时候发现请求列表报这个错，起初我是以为我的参数没有对，传给后台的是个对象，而不是json对象，但是我记得我转换了的，后来发现是我在引入封装请求的时候写错了。代码如下：import imgList from '../../api/base.js'这是我直接引入的，结果报错Error in created hook: "TypeError: Object(...) is not a function"。后面我百度这个错误的时候发现大家都多多少少遇到过这个问题，然后去看了我的代码发现是在引

2020-12-07 17:14:21 7354 3

queen_rain的博客