- 博客(7)
- 收藏
- 关注
原创 vue3+pinia 实现缓存未提交的表单数据,下次进来可以继续编辑
vue3+pinia 实现缓存未提交的表单数据,下次进来可以继续编辑随着vue3的普及vue3的状态管理工具也进行了升级pinia 比vueX更加适配vue3下面是我用vue3+pinia 实现的效果通常情况下用户可能在表单页面填了很多信息但是没有保存就退出来了,如果不记录用户填写信息的话 如果填写的内容较多,用户还需要重新填写,这样用户体验就不好了,下面是这个功能实现的具体代码pinia 用法和vuex大致相同 这里就不再赘述基本操作在页面中引入你定义好的模块然后进行赋值然后在点击新增按钮时判
2022-05-27 16:46:36 2619 1
原创 记录下最近做的东西微信小程序仿微信朋友圈 支持点赞取消点赞,评论回复评论删除评,删除朋友圈 发布朋友圈查看@消息等功能
微信小程序仿微信朋友圈 支持点赞取消点赞,评论回复评论删除评,删除朋友圈 发布朋友圈查看@消息等功能
2022-05-06 16:55:12 1207 10
原创 vue3 H5项目列表锚点定位问题
最近在做VUE3的 H5项目遇到的问题是详情返回列表时依旧定位到之前浏览的位置,我第一时间想到的就是keepalive,但是我们项目里详情是可以操作的,列表的状态会改变。所以不能使用缓存。我用滚动条解决了问题。在你点击详情的时候先获取当前点击滚动条的位置 存储起来。给滚动条赋值的时候要注意一定要在DOM渲染完成以后再赋值,不然赋值会失败,这里我用了 nextTick还得监听滚动条事件 移动了滚动条的话就移除缓存里存储的,会有问题记得引入在渲染完成后调用赋值方法,下拉刷新的时候也要把本地存的
2022-04-01 15:50:46 1095
原创 小程序处理new Date()为NaN的问题
小程序不支持new Date(‘2022-03-27 21:49:00’)这样的格式返回的结果会是NaN,正确的写法是if (item.FEndDates&&item.FStartDates) {let data = (new Date(item.FEndDates.replace(/-/g, ‘/’))/ 1000) - (new Date(item.FStartDates.replace(/-/g, ‘/’)) / 1000);item.times = this.ChangeHo
2022-04-01 15:28:52 591
原创 前端解决富文本里图片路径拼接域名问题
由于接口返回的图片路径没有拼接域名所以需要自己拼接,直接上代码let arr = [];this.richtext = this.foodBox.activityContent //接口返回的内容if (this.foodBox.activityContent) arr = this.foodBox.activityContent.split(’,’);arr.forEach(item => {let path = this.baseUrl; //拼接的域名路径const regex =
2022-01-13 08:42:43 1127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人