- 博客(30)
- 收藏
- 关注
原创 在调用接口上map与forEach的区别
在场景:一个表格数据需要上传,每行表格需要上传图片->这就需要在提交时对数据也就是数组进行处理(先将每个元素图片上传拿到图片id。这种情况我刚开始就用的map处理,然后问题来了,提交的接口调用了,但是上传图片的接口没调用,用了async await也没用。方法不会等待异步操作,就报这个错误:undefined是不可迭代的。,这里又为啥不用forEach呢,因为。->然后我就用了forEach去处理。函数是异步的,可能会导致在。的回调函数执行之前,
2024-06-12 11:00:29 152
原创 uniapp+vue开发微信小程序实现瀑布流
1、uniapp没有img标签,只有image,这里需要给image标签加上mode="widthFix",图片才会高度自适应。
2024-03-21 09:30:00 450
原创 vue+ELementPlus上传文件判断大小
打印形参file看看里面有size这个属性表示文件大小这个数值对应(n*1024*1024 n表示m)中upload组件上传文件限制文件大小,需要在该组件的on-change这个API中做处理。2、on-change这个Api中。
2024-03-15 10:23:03 689 1
原创 vue3动态路由+页面刷新丢失路由+再次加载路由
注:这里会衍生出一个问题,第一次登录的时候,路由信息没加进去,会跳404,所以这里需要做一个判断,判断路由to.matched这个去哪里的路由信息数组有没有数据,没有就再次添加动态路由信息,还有这块需要添加一个全局标识isAddAgain是否需要重新加载路由。动态路由添加后,每次刷新页面空白,这是因为刷新后路由守卫没再次走一遍,这里就需要在App.vue里面做判断,重新添加路由信息并跳转刷新前路由。目前路由只有静态的页面,我们需要做动态路由,需要在路由守卫router.beforeEach中添加。
2024-03-14 09:30:00 4288 2
原创 vue3+vite项目打包后css样式丢失
可以禁用 CSS 代码分割,这样 CSS 样式将会内联到 JavaScript 中,而不是被提取到单独的 CSS 文件中。这种方式可以解决一些样式丢失的问题,因为样式将直接包含在构建后的 JavaScript 文件中,而不会受到代码分割的影响。默认情况下启用了 CSS 代码分割,CSS 样式会被提取到单独的 CSS 文件中,会导致一些样式丢失的情况。在vite.config.ts文件中加入 cssCodeSplit: false,
2024-03-13 09:00:00 2883 1
原创 vue3+vite打包后动态路由页面vue文件资源加载失败
动态路由页面引入并不是像静态引入一样写在router.ts文件中,所以在打包的时候,这些vue文件被忽略了,没有打包过去,所以加载失败。后面的地址是一个模板对应你前端的文件路径。例如:我前端对应的路径。在router.ts文件中写入。
2024-03-12 11:22:58 2544 1
原创 前端开发文档地址
Vue.js - 渐进式 JavaScript 框架 | Vue.js快速入门 – React 中文文档uni-app官网微信开放文档Layout 布局 | Element Plushttp://vant-contrib.gitee.io/vant/#/zh-CN/quickstart快速上手 | uview-plus 3.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架快速上手 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app
2024-03-01 13:48:13 299 1
原创 uniapp+vue开发微信小程序实现上拉加载下拉刷新
onReachBottonDistance设置数值表示距离底部多少距离触发onReachBottom生命周期。enablePullDownRefresh改为true表示开启下拉刷新。与vue3区别只是v3需要引入,v2直接写在methods中。1、在page.json文件中给需要操作的页面进行处理。
2024-02-28 14:38:36 910 1
原创 vue3项目安装pinia+持久化
3、在store文件夹中创建modules文件夹(这里做模块化,里面的文件用于保存不同数据)2、在store文件夹中创建index.js文件。1、在根目录下创建store文件夹。
2024-02-26 10:53:50 499 1
原创 uniapp开发时swiper渲染层错误
原因:list数据是通过调用接口来的,不确定数据item长度,加一个属性就可以了。问题:uniapp开发微信小程序,开发者工具会报错,但是不影响功能。
2024-02-18 11:59:57 394 1
原创 vue项目生成二维码
在这个示例中,你可以在输入框中输入文本,然后点击按钮生成相应的二维码。qrcode 库的 toDataURL 方法用于将文本转换为数据 URL,然后通过 Vue 绑定将生成的数据 URL 显示为图片。在Vue 中使用 qrcode 库生成二维码,你首先需要安装该库。然后,你可以在你的 Vue 3组件中使用这个库。更多属性用法可以去官网查看试试。
2024-01-31 13:35:58 1400
原创 vue3+Element-Plus密码框小眼睛显示
思路:给输入框右侧一个插槽,内容为icon图标,通过点击图标控制输入框的类型来达到密码显示与否的效果。
2024-01-22 16:12:11 1792 1
原创 软件卸载重新安装选择不了安装路径
比如vscode卸载后重新安装还是安装在之前的文件夹,这是因为卸载前路径信息还在注册表中,我们需要清理注册表中该软件的信息注册表是Microsoft Windows中的一个重要的数据库,用于存储系统和应用程序的设置信息。
2024-01-16 11:08:47 989 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人