logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue在请求拦截中,this.$router.push跳转报Cannot read property ‘$router‘ of undefined

场景是这样的,当用户进来时,在请求拦截中判断token/ticket(这里我们项目用的是ticket)是否过期,过期的话就跳转到登录页面。请求拦截是这样的,红框就是我用来跳转到登录页面的然后就报Cannot read property '$router' of undefined网上我查到的都是说是this指向问题,但是我看我代码的方法都是用es6的箭头函数,应该不存在this指向问题,不过实在想

#javascript#vue.js
解决TypeError:Cannot read property ‘offsetWidth‘ of undefined

首先看一下我项目的需求,红框这里有很多种类,可以滑动查看,然后当上一个页面点击哪个进来的时候,这里就高亮显示哪个。项目是vue写的,没看到有什么好用的插件,百度看到下面的写法,我高兴的拿过来用了。start(index, item) {/*** 1)先让选中的元素滚到可视区域的最左边 scrollLeft* 2)接着向右移动容器一半的距离 containWidth / 2* 3)最后向左移动ite

#javascript#vue.js
vue路由缓存(子路由缓存、动态路由缓存、滚动条相互影响)

移动端中,我们浏览商品列表的时候,点击进入详情页面,然后返回到商品列表,一般都是用户浏览到哪里,返回来的时候还是那个位置(试想一下,如果一返回,页面重新刷新,你又要往上滑不知道多少页才能找到你刚刚的那款商品,这么一想是不是很崩溃),但是vue很贴心,给我们设计了keep-alive<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们keep-alive在vue

#javascript#vue.js#前端
vue H5中获取用户当前位置、城市(高德地图)

首先先在项目的public/index.html中引入高德地图(key值申请不懂的可以看官方文档:准备-入门-教程-地图 JS API v2.0 | 高德地图API<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>高德地图的引入在

#javascript#vue.js
小程序web-view中嵌套H5如何跳转其他小程序

首先web-view中H5是无法跳转到其他小程序的只能通过H5跳转回小程序,再让小程序跳转到其他小程序H5跳转回小程序使用wx.miniProgram.navigateTo()小程序跳转小程序使用wx.navigateToMiniProgram(),官方文档有示例,用法很简单,只需要传入appid,还有path(可选参数,不是必须的,不传则默认跳转到小程序首页)在小程序中我新建了一个页面用来做跳转

文章图片
#前端#vue.js#javascript +1
vue项目部署后,ios部分图片不显示

在本地跑一切都挺好的,但是部署后,安卓图片可以正常显示,ios不行后来用微信调试工具调式发现报了警告,然后我就怀疑是这个警告导致的图片不显示Mixed Content:是为了浏览器的安全性而引入的,解释:在https中,如果引入了http资源,浏览器会认为这是不安全的资源,将会默认会阻止而且在开发H5中ios和android中存在一起区别,比如http 和https的混用。ios上http 和ht

#前端#vue.js#javascript
vue H5中获取用户当前位置、城市(高德地图)

首先先在项目的public/index.html中引入高德地图(key值申请不懂的可以看官方文档:准备-入门-教程-地图 JS API v2.0 | 高德地图API<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=您申请的key值"></script>高德地图的引入在

#javascript#vue.js
uniapp中监听用户返回

业务需求:小程序中有一个index页面专门用来处理通过链接,然后拿到参数之后跳转相应的页面,跳转到指定页面之后,用户点击左上角返回,返回到首页。但是默认的返回按钮应该是按历史路径返回的,所以返回的时候一直会返回到启动页index页面。然后我就记得uniapp中有一个可以监听左上角返回按钮的方法(之前用uniapp开发app的时候使用过),onBackPress()跟onLoad()等生命周期同级,

#前端#javascript#vue.js +2
到底了