- 博客(12)
- 收藏
- 关注
原创 vue3响应式对象类型的数组如何排序
但是如果你后端传输的是TimeStamp类型,而前端使用Date接收,那么不能直接调用getTime()函数,会报错该函数不存在,uploadTime: Date;// 如果后端返回的是 Timestamp 类型,这里可以用 Date 类型来表示。archivedArticle.value.sort((a , b) => {return 表达式}返回大于0的数字表示a>b,反之则反之。对于数字类型我们直接比较。
2024-04-15 21:10:59
327
1
原创 如何实现pdf文件预览的功能
url就是文件的路径,我们获取的data是将文件的二进制读取到字节数组中,然后data就是我们需要传输到前端的数据。最为重要的一点就是记得添加:responseType:'arraybuffer',这样data就会作为二进制数据被接收,否则预览的内容会是空白的。console.log("获取的文章id:"+id)// 将 PDF 文件数据转换成 Blob 对象。// 在新标签页中显示 PDF 文件。// 创建 URL 对象。//获取文章,并在新的窗口打开。
2024-04-10 21:33:28
612
1
原创 读取配置文件和使用log.info()的小问题。
我在使用token的时候,将密钥和token的生效时间放在了配置文件中,但是当我使用@Value()去获取的时候,发现总是获取不到,而且我发现其他的配置项都是绿色的,只有我的token配置项是白色的,然后经过我的细心检查,发现属性和值之间少了一个空格,添加上这个空格之后,就变成绿色了,然后也能够正常使用@Value去获取值了。然后我在使用log.info()时系统总是提示我不存在这个东西,但是我的依赖也加上上了,后来发现是我的类没有加上@Slf4j,需要加上这个,才能在类中使用那个。
2024-04-06 21:54:39
202
1
原创 vue3和springboot3下token验证出现的一些问题
设置成功之后,这下应该可以了吧,但是我发现虽然能够读取了,但是仍然读取不到,然后我看了一下,我设置的响应头中的属性是:Authorization,但是它自动改成:authorization,然后我将上面用于接收的大写改成了小写,终于能够正常接收了。response.addHeader("Authorization",token),向头中添加一个字段,前面是这个字段的名字,这个名字可以随便起,但是约定俗成是这个名字。第一个参数是固定的关键词,第二个参数表示你想要前端读取到的属性。
2024-04-04 21:58:24
282
1
原创 mybatis报错:Invalid value type for attribute ‘factoryBeanObjectType‘: java.lang.String
这是springboot和mybatis版本存在的冲突,我采用的版本是springboot:3.2.4,mybatis-spring-boot-starter:3.0.2,因为我选择版本一般都是选择提示我的最高版本,而后者提示的最高版本就是3.0.2,我们可以将版本改为3.0.3,没有提示也没关系,然后更新一下maven,就可以了。
2024-04-03 21:06:04
207
1
原创 错误:Error occurred during initialization of VM Failed setting boot class path.
因为我没有安装java17,这个java17是idea集成的,所以我怀疑错误就发生在这里,我电脑中安装的是java11,于是我将java的运行版本改为了我电脑上安装的java11,发现能够正常运行了,然后我又尝试着改为了idea提供的java16,发现仍然会报这个错误,那么就没问题了,应该是idea的问题。值得注意的几点是:在创建springboot项目时,我只能选择java17,20,22,不过这个没有关系,即使你的电脑上没有安装相应的版本,随便选择一个,后续仍然可以修改。
2024-04-02 15:52:45
1018
1
原创 vue3中如何使用axios发送请求
在子组件中我们使用inject接收实例,然后就可以使用get等方法,但是在vue3的组合式api它会提醒你axios的类型未知,我们需要使用import type {AxiosInstance} from 'axios',然后:const axios = inject('axios') as AxiosInstance 表示这是一个axios的实例,其中引入时的type不要忘记添加,不然又要被提醒了。值得提醒的是,我们获取的相应数据应该从response.data中获取。
2024-04-01 15:40:39
292
原创 vue3中如何修改elementui的label标签的字体颜色
在vue3中,如果想要修改label标签的颜色,我们不能在局部的样式下修改,vue3中就是指<style scoped>,我们需要去除scoped ,然后用.el-form-item__label选中元素,注意这里的下划线是两个,修改颜色,同时,如果无法成功的话,那么优先级可能不够,还需要加上!important。important;/* 设置 label 的字体颜色 */只是这样修改,那么修改的效果就会全局生效,而不是仅仅在当前组件中生效了。
2024-03-30 21:42:23
1044
原创 为什么组件总是和窗口之间存在间隙
这是因为body标签自带的样式,在vue3中,组件和窗口的上面和左侧都会存在一定的间隙,我们需要去除body的默认样式,解决方式是:直接在index.html文件中添加style,设置padding和magin为0,或者是单独写一个css文件,在main.ts文件中引入该css文件。
2024-03-30 21:37:12
153
原创 关于vue3样式很奇怪的问题
我在一开始写样式的时候,发现我写的css样式总是和我预期的不一样,后来发现是我的css文件没有删除干净,当我们创建一个vue3项目后,它自带了一些vue文件和css文件,这些文件在main.ts中被引入了,他们的位置在assets文件夹下,删除这些文件和他们的引用,样式就恢复正常了。
2024-03-30 21:34:30
119
原创 vue3中如何匹配不存在的路径
在vue2中,我们只需要使用path:'*'就可以匹配所有的路径,但是在vue3中发生了修改,需要变成: path: '/:pathMatch(.*)*'才能够匹配所有的路径,其中:pathMatch后接正则表达式。
2024-03-30 21:31:32
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人