- 博客(27)
- 收藏
- 关注
RSS订阅原创 vue3的 ref 和reactive 的区别
原因：reactive声明的数据不能替换整个对象，由于 Vue 的响应式跟踪是通过属性访问实现的，因此我们必须始终保持对响应式对象的相同引用。这意味着我们不能轻易地“替换”响应式对象，因为这样的话与第一个引用的响应性连接将丢失。reactive 通过使用 Proxy 来实现响应式（数据劫持），并通过Reflect 操作源对象内部的数据。如果使用的reactive定义的响应式数据，需要整个替换这个数据时，页面无法响应更新。ref和reactive都可以定义响应式变量，但是工作中如何选择。
2024-06-19 10:49:56
195
原创 uniapp swiper 组件大数据优化
2、如果只有一张情况，不想让它来回滚动。可以设置circular，但是circular无法直接动态设置，我们可以使用computed来设置。swiper-item过多时导致界面卡顿，通过每次只渲染3个的方式实现无限滚动。这是我目前使用的方式，首页视频流无限滚动时用到的，不影响预加载，用起来很流畅。1、swiper-item的key一定要设置，并且用index。
2024-06-14 09:39:28
171
1
原创 vue history路由模式404问题解决
vue使用history路由模式打包到线上，F5刷新会重定向到404。如果使用宝塔部署，添加这行代码可以解决。直接修改ngxin配置即可。
2024-04-08 12:12:25
311
原创 微信小程序设置标题
在单独页面要修改的话可以在，对应页面的json中修改。通常我们在app.json中统一设置title。也可在js中动态加载。
2024-03-21 21:26:38
1120
1
原创 uniapp路由拦截，需要登录的界面自动跳转登录入口
我下面加了个name字段（这个字段可有可无，也可以写注释），方便后期维护查看，下面的写法是白名单的路由拼接参数通过split过滤掉参数。有些界面需要登录才能访问，如果在每个入口处判断，太麻烦还容易漏掉，可以用路由拦截，只需要知道哪些界面不需要登录就能访问即可。
2024-03-19 11:36:00
714
原创 echarts柱状图，鼠标移入修改柱子背景色
通过设置全局的 tooltip 的线条属性，修改宽度和颜色 tooltip: { trigger: "axis", axisPointer: { type: "line", lineStyle: { color: "rgba(227, 242, 252, 0.39)", width: 40, type: "sol...
2022-05-18 15:47:41
4511
3
原创 nuxt 使用 vue-pdf ，解决报错,完美使用
以下为在 nuxt 框架中完整的使用方法，包括几个情况，本人都踩过坑，现在已经完美可用。createLoadingTask 分页功能也包括在内1、安装vue-pdfnpm install --save vue-pdf或yarn add vue-pdf安装完如果报错，需要指定pdfjs-dist版本号npm install pdfjs-dist@2.7 --save2、写插件js，plugins目录下新建pdf.js文件注意：不能直接在文件中引入，会报错//pdf.
2021-10-22 08:55:20
1985
原创 修改element-ui的全局遮罩颜色
//app.vue中写入，全局修改，透明度不用改.v-modal { background-color: #000!important;}
2021-09-27 11:19:55
947
原创 el-progress 的 flex布局问题
问题： 如果想要在进度条旁边添加文字，当 el-progress 父级元素使用flex布局时， el-progress 直接不显示了解决： 给 el-progress添加固定宽度即可.el-progress { width: 220px;}
2021-03-30 15:18:55
1529
原创 自定义 el-progress 背景颜色
// 需要关闭 scoped ，如果你是有scoped属性的，需要添加属性穿透 ::v-deep .el-progress { .el-progress-bar__outer { background-color: #67c23a; //这里是背景颜色 } }
2021-03-30 15:13:24
2429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人