- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue项目页面及代码优化总结
实现：原来代码里字段为前端数组写死的固定值，此时区分不同类型展示不同字段可以直接在每一项里加shouList:[‘typea’,‘typeb’],在computed里根据类型筛选对应要展示的字段即可。实现：列表数据遍历分页展示，封装脱敏组件，传入数据脱敏处理，会遇到一个问题，多条数据使用同一个公共组件，点击其中一个小眼睛展示完整数据，切换分页数据时，当前单元格数据也会展示完整数据。给公共脱敏组件添加key值,设置为随机数即可。
2025-05-20 15:38:03
138
原创 微信公众号内嵌h5页面调用wx.hideOptionMenu()安卓兼容问题
一开始猜测可能是页面还没加载完就先执行了hideOptionMenu导致界面没更新，尝试在app.vue文件mounted里监听页面加载事件load，将hideOptionMenu方法放进load事件方法和$nextTick里执行也不行，放进main.js里也不行，在安卓手机上都有同样的问题，但是放在某一个指定页面vue文件的mounted里执行是没问题的，可以隐藏当前页面按钮。好多年前的代码了，真是埋了个大坑。问题：此代码在苹果手机上没有问题，在安卓手机上刚进入页面仍然有分享按钮，刷新页面后不显示按钮。
2024-11-21 11:37:42
383
原创 ios微信公众号内嵌h5页面，底部按钮fixed定位问题
ios微信公众号内嵌h5页面，底部按钮使用fixed定位在页面最底部，此时页面滑动到底部并上拉，底部按钮会被苹果自带背景页面覆盖，按钮会隐藏。正常进入页面不会有问题，进入页面后再点击苹果的控制中心圆形按钮或者下滑苹果顶部栏弹出苹果控制中心页面，再进行原页面操作就会有问题。最外层div设置 height:100vh;第二层div设置 overflow-y:auto。
2024-11-15 17:00:08
261
原创 ios微信公众号内嵌h5页面快速滑动到底部，再返回上一页，上一页只展示一半无法滑动问题
服务介绍页返回到预约信息填写页，填写页只展示一半，下半部分空白，且页面无法正常下拉展示，服务介绍页正常慢慢滑动再返回上一页没问题，如果介绍页快速滑动到底部并多次上拉，再返回上一页会有问题。overflow-y:auto 即可解决。
2024-11-15 16:51:07
186
原创 ios new Date （）兼容问题
ios 部分系统有时候不兼容，安卓没问题，需将日期格式改成’2023/09/09‘，此格式安卓苹果都兼容。ios h5页面使用new Date()转换日期格式时报错。
2023-09-21 14:18:13
371
原创 解决ios微信小程序内嵌h5页面返回上一页页面空白问题
ios微信小程序环境下，门店列表页数据超过一屏可以滑动时，滑动到页面下方选择一个门店点击跳转到门店详情页，此时再返回上一页，列表页页面上半部分空白。ps:写在mounted里是不行的哦，要写在接口返回数据之后。（ios微信公众号里打开h5页面是正常的,安卓都是正常的）在门店列表页接口返回列表数据后添加。
2023-07-14 14:07:12
678
1
原创 去除ios上点击微信开放标签时出现的黑色阴影
1.在开放标签和插槽按钮上添加样式 -webkit-tap-highlight-color:transparent!2.插槽按钮需使用button标签，使用p标签点击时ios上会出现黑色小横条。
2023-05-26 14:35:59
601
原创 vue3项目返回第三方页面onBeforeUnmount和onBeforeRouteLeave失效问题
vue3项目埋点需求，需记录页面浏览时长，入口在第三方页面，从vue3页面返回到入口页时，onBeforeUnmount、onBeforeRouteLeave全部失效不执行，在vue3项目里组件之间跳转没问题。经测试，popstate事件监听pc端及移动端都失效；js的beforeUnload事件在pc端谷歌浏览器上返回第三方页面有效，vue项目内组件跳转无效，ios手机上全部无效。解决方法：监听js的pagehide事件，在pc端及移动端都有效，返回第三方页面和vue项目内跳转、vue项目里点击按钮跳
2022-06-22 16:29:00
12527
原创 如何快速删除vue项目node_modules文件夹及项目中没有用到的插件
快速删除node_modules文件夹1.在项目根目录下执行：安装插件： npm i rimraf -g删除文件夹： rimraf node_modules即可删除。删除无用插件1.安装插件：npm i -g depcheck2.项目文件里 package .json同级下运行命令查看插件：depcheck结果如下：Unused dependenciesajvecharts-liquidfillelement-themeexpressrequsetstyle-l
2022-02-25 13:55:37
8370
原创 使用popstate监听浏览器返回键
var isAndroid=navigator.userAgent.indexOf(“Android”)>-1||navigator.userAgent.indexOf(“Adr”)>-1;var isIos=navigator.userAgent.match(/(i[^;]+;( U;)? CPU.+Mac OS X/);history.pushState(null,null,document.URL);//最好加这行window.addEventListener(“popstate”,
2021-12-31 23:03:26
1536
4
原创 vue使用总结
1.this.$router.push({name:“detail”,params:{id:id}})跳转路由时使用params传参，页面刷新参数就没了，可使用query传参，或者vuex持久化存储。
2021-12-31 22:03:34
674
原创 vue项目优化页面加载速度
1.首页加载慢（1）.空白时显示loading。main.js文件里:router.afterEach((to,from,next)=>{Loading.close()}),new Vue({router,store,render:h=>h(App),created(){Loading.open();}}).$mount(’#app’)(2)蓝湖上下载ios视网膜@2x图片，开启压缩，选择高画质，比web@2X图片画质清晰，占用空间小。（3）将asstes里图片放在
2021-12-31 21:53:01
1544
原创 vuex 持久化存储插件
1.npm install --save vuex-persistedstate2.vuecli2在store入口index.js文件中引入并进行对应配置import createPersistedState from “vuex-persistedstate”;export default new Vuex.Store({state,getters,actions,mutations,plugins: [createPersistedState({storage:window.ses
2021-12-31 21:29:20
587
原创 vant问题总结
1.问题：van-uploader同时绑定after-read和before-read只能执行before-read解决方法：在before-read绑定的函数里加上return true才会执行after-read
2021-11-09 11:27:03
789
原创 vconsole版本导致的传参问题
1.问题：测试环境下，使用vconsole调试移动端，个别机型（iphone6s/个别vivo/个别huawei）和ipad调取接口失败，安卓机和部分苹果手机正常。经查找发现是前端传参问题，这些机型调取接口使用post方式传参时，参数转为json格式后最后一行会多个逗号，后端无法正确解析。解决方法：是因为引用了cdn的vconsole文件的问题，改成本地安装的vconsole即可。代码：npm install vconsole@3.0.0main.js里引入import Vconsole fr
2020-12-31 13:25:12
912
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人