VUE
o_o6666
学学学学
展开
-
pc端集成企业微信扫码登录功能及更改二维码样式
其实,企业微信已经给了很详细的步骤,但是如果是vue集成的话,一定要小心了。步骤一:引入JS文件在需要展示企业微信网页登录二维码的网站引入如下JS文件(支持https):旧版:http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js新版(20210803更新):http://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.4.js步骤二:在需要使用微信登录的地方实原创 2021-11-15 15:31:48 · 2602 阅读 · 1 评论 -
移动端安卓系统键盘弹起再收起页面无法滚动问题
首先,要在安卓系统出现这种情况经过我反复测试需要满足两种情况,才会触发:1、最外层样式高度使用100vh;2、页面内容高度没有撑满一屏;解决方式:通过监听键盘弹起、收缩来更改高度值html<div class="wrapper"> <div class="prob_sugg_detail contain_main" ref="main"> <van-tabs v-model="active" scrollspy原创 2021-11-12 17:30:15 · 3063 阅读 · 0 评论 -
移动端(H5)监听滚动、惯性滚动及pc端滚动(原理通过定时器)
根据项目需求,实现类似微信下滑加载历史记录,vant组件库是上拉加载,所以自己百度并实现下滑加载,主要监听滚动事件。因为项目有pc及移动,所以移动和pc要分开监听pc端:if (document. ) { //firefox document.addEventListener("DOMMouseScroll", this.onRefresh, false);} //滚动滑轮触发scrollFunc方法 //ie 谷歌window.onmousewheel = document.o原创 2021-11-12 17:15:40 · 3833 阅读 · 0 评论 -
vue 之 draggable(移动端安卓兼容问题)
之前在移动端项目中,拖拽功能我使用了draggable这个插件,因为PC端使用感很好。但是,这个插件在移动端存在安卓的兼容问题,解决方法 <draggable v-model="draggData" class="vux-flexbox vux-flex-row" :end="end" :options="{handle: '.dd'}" style="flex-wrap:wrap" > <flexbox转载 2020-11-13 19:02:52 · 2511 阅读 · 0 评论 -
html 之 渲染 base64编码图片
这个简单,第一次用的时候不知道咋写,找的度娘,但还是要记录下。<div> <img :src=“'data:image/png;base64,' + 图片64编码 “ /></div>后来,还遇到个问题,这个图片list是从后端获取来的,然后,我就想着在前端存下来,省的老请求去加载,还加载慢,用户体验很不好,然后我就存sessionStorage里了,嗯,然后,我就蒙了,居然报错,我就存个数据你还报错!!然后发现,base64编码好长啊,sessionStor原创 2020-10-23 22:37:10 · 1026 阅读 · 0 评论 -
vue 之 数据响应式
vue 之 数据响应式之前在使用vue开发的时候,遇到了个问题,真是艰难的爬坑,嗨,还加了个班才完成当天的任务,so,此问题记忆犹新。事情是这样的,我就正常的给对象赋值,然后页面就是死活不更新,用this.$ forceUpdate()强制刷新或者this.$set都不行,写的我怀疑人生。经过我仔细查看,原来此时对象里的这个数组已经失去了响应式特性,所以无论我做什么,视图都不会更新。开始,我代码是这样子的this.data = { id: row.id, name: row.name}thi原创 2020-10-23 22:04:19 · 147 阅读 · 0 评论 -
vue 之 .sync
vue 之 .sync官方解释:在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以变更父组件,且在父组件和子组件都没有明显的变更来源。(but,至今这一段我还是不是很理解,有好心人路过可以当个热心市民~)目前个人理解:不加 .sync 时props传值父组件:/* html */ <div :name='name' @setName='setName'></div> /* js */ <原创 2020-10-21 14:08:42 · 214 阅读 · 1 评论