vue
mewmew1
这个作者很懒,什么都没留下…
展开
-
vue项目base64加解密使用方法及解密乱码问题
vue项目base64加密解密使用及解密乱码问题原创 2023-02-15 16:46:38 · 5427 阅读 · 0 评论 -
vuecli项目动态配置不同环境变量
vuecli项目动态配置不同环境变量原创 2022-07-26 10:22:09 · 1017 阅读 · 0 评论 -
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 · 11349 阅读 · 0 评论 -
如何快速删除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 · 7702 阅读 · 0 评论 -
使用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 · 1299 阅读 · 4 评论 -
vue使用总结
1.this.$router.push({name:“detail”,params:{id:id}})跳转路由时使用params传参,页面刷新参数就没了,可使用query传参,或者vuex持久化存储。原创 2021-12-31 22:03:34 · 607 阅读 · 0 评论 -
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 · 1451 阅读 · 0 评论 -
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 · 533 阅读 · 0 评论 -
vant问题总结
1.问题:van-uploader同时绑定after-read和before-read只能执行before-read解决方法:在before-read绑定的函数里加上return true才会执行after-read原创 2021-11-09 11:27:03 · 598 阅读 · 0 评论 -
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 · 769 阅读 · 0 评论