2024 年 12月随笔档案 - 韩德才

vue3 vite使用postcss-px-to-viewport 实现页面自适应

摘要：三、如何在 Vue3 中使用 postcss-px-to-viewport？首先，我们需要安装相关的插件： npm install postcss-px-to-viewport -D 在vite.config.js文件中进行配置 import vue from '@vitejs/plugin-vu 阅读全文

posted @ 2024-12-25 22:05 韩德才阅读(558) 评论(0) 推荐(0) 编辑

vue-keep-alive的用法

摘要：第一步先在需要保留的组件中添加name属性第二步添加keep-alive 这样浏览器会报一个警告建议我们使用插槽方式阅读全文

posted @ 2024-12-24 15:41 韩德才阅读(2) 评论(0) 推荐(0) 编辑

vue-监听滚动函数

摘要：不建议监听window滚动建议监听元素滚动不然每个页面滚动到底部都会触发 import { onDeactivated, onMounted, onUnmounted, ref } from 'vue'; import { throttle } from 'underscore' //监听滚动位阅读全文

posted @ 2024-12-22 15:14 韩德才阅读(11) 评论(0) 推荐(0) 编辑

vue-进行分组----将轮播图数据进行分组

摘要：效果展示第一步将数据进行分组处理例如:数据是这样的处理方法一:进行两次for循环处理方法二:进行一次for循环下一步进行分类显示下一步显示当前图片所在组的位置阅读全文

posted @ 2024-12-19 15:45 韩德才阅读(7) 评论(0) 推荐(0) 编辑

vue-动态路由

摘要：动态路由使用方法第一步配置动态路由第二步传入参数路径+id 第三步获取动态路由id 阅读全文

posted @ 2024-12-19 13:45 韩德才阅读(17) 评论(0) 推荐(0) 编辑

vue-axios响应请求拦截器

摘要：import axios from "axios"; // import { ElMessage } from 'element-plus' import { BASE_URL,TIMEOUT } from "../config"; const Axios = axios.create({ // 后阅读全文

posted @ 2024-12-19 13:25 韩德才阅读(17) 评论(0) 推荐(0) 编辑

vue-节流防抖函数的使用

摘要：第一步安装underscore.js 第二步引入阅读全文

posted @ 2024-12-19 13:22 韩德才阅读(2) 评论(0) 推荐(0) 编辑

vue-实现loading页面

摘要：效果实现步骤第一步先编写一个加载页面在APP.vue中引入将控制加载的变量添加到状态管理库中例如pinia或VueX中在loading页面中导入常量并控制主体是否显示在请求拦截器和响应拦截器里配置阅读全文

posted @ 2024-12-19 13:20 韩德才阅读(29) 评论(0) 推荐(0) 编辑

vue 滚动到底部自动加载数据

摘要：使用回调函数来控制阅读全文

posted @ 2024-12-18 17:22 韩德才阅读(6) 评论(0) 推荐(0) 编辑

vue-实现导航固定

摘要：方式一使用fixed固定定位缺点:滚动条不好控制必须添加margin-top进行内容和主题分离方式二:局部滚动给内容设置一个固定的高度并且设置overflow-y = hidden 高度就是视口的高度减去上面两个内容的高度解决方式一的缺点阅读全文