
vue项目
洪荒小仙女
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue项目微信公众号,小屏播放,video层级过高的坑
众所周知,video标签兼容性是真的差,特别是遇到安卓微信浏览器,小屏播放,video层级过高,视频播放的时候其他HTML被覆盖 <video controls style="object-fit:fill;width: 100%;height: 3.5rem;" class="videosrc" ref="videoPla...原创 2020-04-17 16:31:36 · 1786 阅读 · 1 评论 -
vue video src改变 页面不刷新的解决方法, vue强制重新渲染
这几天开发中遇到了一个问题,遇到video动态渲染数据,数据已经更新,但是并没有渲染出来,后来无奈百度了一下vue的组件强制刷新:方案一当数据变更后,通过watch 监听,先去销毁当前的组件,然后再重现渲染。使用 v-if 可以解决这个问题<template> <video v-if="reFresh" id="media" ...原创 2020-04-14 17:39:34 · 3785 阅读 · 0 评论 -
vue生成分享海报
最近的项目里面涉及到分享海报的问题,今天就给大家分享一下,自己中间也遇到也很多问题,中间也有很多不足的地方,有什么问题,欢迎大家指教。效果图实现原理先用 QRCode 生成二维码 canvas,然后用 html2canvas 合成整张海报并转成 base64实现步骤:1.安装QRCode和html2canvasnpm i qrcodenpm i html2canvas2.在页面...原创 2020-03-21 17:31:17 · 1890 阅读 · 3 评论 -
VUE上拉加载更多,基于vant框架
1.在data中定义初始的状态 loading: false, finished: false, offset:100,//滚动条与底部距离小于 offset 时触发load事件 page:12.在需要分页的地方,用van-list进行包裹 <van-list v-model="loading" :finished="finished" fi...原创 2020-03-10 11:42:06 · 359 阅读 · 0 评论 -
vue history模式,iOS公众号分享链接为主页
最近的一个公众号是基于vue的spa应用,在接入微信自定义分享的时候出现了:在Android上分享一切正常,但是iOS分享的时候,分享出去都是主页,需要在被分享页刷新之后,才能分享成功。IOS:每次切换路由,SPA的url是不会变的,发起签名请求的url参数必须是当前页面的url就是最初进入页面时的urlAndroid:每次切换路由,SPA的url是会变的,发起签名请求的url参数必须是当前页...原创 2020-01-15 15:33:24 · 525 阅读 · 0 评论 -
vue刷新当前页
vue刷新当前页1.this.$router.go(0)。这种方法虽然代码很少,只有一行,但是体验很差。页面会一瞬间的白屏,体验不是很好2.用vue-router重新路由到当前页面,页面是不进行刷新的。3.location.reload()。这种也是一样,画面一闪,体验不是很好用provide / inject 组合原理:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,...原创 2019-12-20 11:37:15 · 214 阅读 · 0 评论 -
Vue项目复制文本到粘贴板
Vue项目,遇到微信公众号开发,利用原生DOM操作,iOS系统无法复制粘贴,出现不兼容问题,最后用clipboard,完美解决兼容问题。第一步,使用npm 安装npm install clipboard --save第二步,在所需的页面引入import Clipboard from "clipboard";第三步,使用<template> <div id="ap...原创 2019-12-21 14:31:48 · 719 阅读 · 1 评论