找到
2
篇与
typecho,php,blog
相关的结果
-
keep-alive使用记录（返回界面不刷新） 前引 keep-alive是vue自带的一个内置组件，可以实现缓存包裹在其中的动态切换组件。 {% link Vue,Built-in Components,https://cn.vuejs.org/api/built-in-components#keepalive %} 我这里是和路由结合全局使用 全局添加keep-alive 在界面切换的router-view处做修改 <router-view v-slot="{ Component }"> <keep-alive :include="cachedRoutes"> <component :is="Component" :key="$route.fullPath" /> </keep-alive> </router-view>cachedRoutes：为需要缓存界面路由name，可以根据使用情况设置，我这里写到了pinia中 export const settingStore = defineStore("setting", { state: () => { return { cachedRoutes: Array<string>(), // 缓存的路由名称列表 }; }, getters: { getCachedRoutes(): string[] { return this.cachedRoutes; }, }, actions: { addRouteToCache(routeName: string) { if (!this.cachedRoutes.includes(routeName)) { this.cachedRoutes.push(routeName); } }, removeRouteFromCache(routeName: string) { const index = this.cachedRoutes.indexOf(routeName); if (index !== -1) { this.cachedRoutes.splice(index, 1); } }, }, });设置路由 路由定义在需要缓存的界面路由mate中添加keepAlive: true { path: "/test/pageA", name: "pageA", meta: { title: "界面A", keepAlive: true }, component: () => import( "@/views/test/pageA/index.vue" as string ), }设置路由守卫，通过路由守卫向cachedRoutes 中添加需要缓存页面name const setRouteCache = (event: any) => { if (event.state) { const { name, meta } = currentRoute as any; if (meta.keepAlive) settingStore().removeRouteFromCache(name); } }; // 监听浏览器后退事件 window.addEventListener("popstate", setRouteCache); router.beforeEach(async (to: any, _from: any, next) => { // 设置浏览器标题 document.title = to.meta.title; window.history.state.action = to.name; currentRoute = _from; if (to.matched) { to.matched.forEach((record: any) => { if (record.name && record.components?.default) { const component = record.components.default; if (typeof component === "function") { // 处理异步组件 component().then((resolved: any) => { if (!resolved.default.name) { resolved.default.name = record.name; } }); } else if (!component.name) { // 处理普通组件 component.name = record.name; } } }); } if (to.meta.keepAlive) { const settingSate = settingStore(); settingSate.addRouteToCache(to.name); } next(); });其中下面这部分代码是设置页面name和路由的name绑定如果一致的可以去除 if (to.matched) { to.matched.forEach((record: any) => { if (record.name && record.components?.default) { const component = record.components.default; if (typeof component === "function") { // 处理异步组件 component().then((resolved: any) => { if (!resolved.default.name) { resolved.default.name = record.name; } }); } else if (!component.name) { // 处理普通组件 component.name = record.name; } } }); }
-
使用dpkg-deb对deb文件解压、重新打包 前引 aic8800d80相关驱动在最新的linux内核中无法安装，在网上找了很多别人重新编译的驱动都无法正常使用，后来才了解到deb文件可以解压出源码文件，在针对错误进行修改后又可以重新打包。 命令 安装 apt install dpkg 解压deb文件 dpkg-deb -x org.deb ./src/将deb文件解压到一个文件夹中 修改源码文件 为了后续重新打包最好不要改变源代码文件结构 解压出包的控制信息 dpkg-deb -e org.deb ./src/DEBIAN 重新打包 dpkg-deb -b ./src new.deb 安装 dpkg -i new.deb
