- 博客(4)
- 收藏
- 关注
原创 简单粗暴 隐藏h5页面在微信端底部出现的白色导航条
前言相信很多写H5的小伙伴,在H5页面跳转的时候底部会出现威胁你自带的导航栏,说实话没什么用处,主要还占用了高度,这时候写的页面和UI就有点出入。这是因为新版微信在苹果iOS 端的h5页面如果有路由跳转,而我们一般跳转路由都是用this.$router.push(’/路径’),这种方法会跳转到指定url路径,并在history栈中添加一个记录,点击后退会返回到上一个页面,所以底部会出现导航栏,用以调回上一个历史记录的路由。解决办法很简单:只需要用this.router.replace(′/路径′)代替
2020-12-08 14:06:18 4367
原创 通过js引入本地图片地址
前言:一样的本地图片地址,通过img标签引用没问题,但是放在js里再导入引用就无效了。这是因为放在父页面的标签里会被webpack打包出来(具体的可以自己打开开发者工具f12,看看同样是img标签里的src属性),而在js里面写图片路径其实只是字符串 ,webpack不会处理。所以想在js引入本地图片的地址,可以通过import导入图片。代码如下。代码:import lvbuURL from '../assets/hero.png'export default { lvbu: { na
2020-12-03 10:57:37 6579
原创 H5调用微信的接口
1.下包安装微信js-sdk 可以通过 npm 安装 npm i weixin-js-sdk2.导包import wx from 'weixin-js-sdk'3.代码// 判断是否是微信浏览器 function isWeiXin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){
2020-12-03 10:44:22 914
原创 vue 移动端开发实现点击复制的功能
vue 移动端开发实现点击复制的功能前言使用开源项目 clipboard.js, 官网:https://clipboardjs.com/这个插件复制的对象必须是input 或者 textarea 里面的值。所以说你要是想复制p标签或者其他文本必须先设置一个input或者textarea作为中间过渡。html中写一个textarea标签,样式设置: opacity:0;z-index=-1;这样就可使隐藏这个没用的容器。使用步骤1.下包代码如下(示例):1.下包:可以通过npm安装,n
2020-12-03 10:19:21 814
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人