qq_40026668的博客

安装依赖pnpm i pinia pinia-plugin-persistedstate @nuxt/devalue -S创建store文件夹，创建持久化插件/store/plugins.tsimport { App } from 'vue'import { createPinia } from 'pinia'import devalue from '@nuxt/devalue'import { createPersistedState } from 'pinia-plugin-per.

需求将uniapp的路由跳转promise化navigateTo接受后端返回的url，需要自动解析跳转模式所有的路由跳转都要先检测用户是否已登录1)、如果未登录，打开登录弹框，用户授权登录，登录成功后要自动完成用户的上一次操作，无需用户再次点击跳转2)、如果已登录，跳转对应的页面实现封装路由相关函数import { useStore } from '@/store'import { InjectionKey, Ref } from 'vue'export type loginC

需求：页面中的popup弹框，可以通过物理返回键进行关闭方案：（1）当打开弹框时，向history中添加一个空记录，并且监听history的popstate变化（2）当弹框打开状态用户操作了返回上一级页面，会触发监听事件，关闭弹框（3）当弹框打开状态用户通过状态值（比如popup中有个取消按钮）关闭了弹框，要把监听事件清除实现// vue3 setup模式import { useEventListener } from '@vueuse/core'//页面中点击打开弹框按钮..

最近开发的一个小程序中涉及一个答题页面，打算使用小程序的swiper组件开发，题目可能数量过多，使用swiper一次性加载会造成卡顿，于是进行了一些优化解决思路：页面只展示3个swiper-item组件（小程序视频轮播插件受到的启发），每次轮播变化，都截取总数据里面的3条进行展示观察规律：画了个简单草图，大家可以看下，每次轮播索引变化后，计算出当前索引、前一个索引值、后一个索引值，以及分别对应到数据列表上的索引和值代码实现<template> <view class="ind

安装uni-api的typesnpm i @dcloudio/types -D配置tsconfig识别namespace UniApp// tsconfig.json{ "compilerOptions": { "types": ["node", "@dcloudio/types"], "typeRoots": ["./node_modules/@types/","./node_modules/@dcloudio/types/", "./types"], }}创建配置文件