Vue
苏轻
这个作者很懒,什么都没留下…
展开
-
Promise.all发请求,上传视频
newValue.forEach(async (file, index) => { this.loading = true videoBlobList.push(new Promise(resolve => { this.getFileArrayBuffer(file.id).then(res => { resolve(res) }) }))})// console.log('有多少promise请求', videoBlobList)Prom.原创 2021-07-09 16:52:48 · 148 阅读 · 0 评论 -
杭州问题清单bug总结
业务需求,支付页面随时可撤销,要求WEB端做H5页面调用支付原创 2021-07-03 20:59:31 · 126 阅读 · 0 评论 -
vue打印带有ant-design样式
打印带有ant-design样式,直接选择dom用html转没有ant样式,只能是文字和排版打印内容外层包裹dom利用html2canvas转换dom为图片,用image标签引入canvas即可<div id="modal-body-print">打印的整个dom</div> print () { this.contentH = 'auto' const modalElement = document.getElem...原创 2021-05-27 15:48:56 · 1076 阅读 · 0 评论 -
vue-infinite-scroll 搭配使用ant-design-vue 弹窗dialog无法触发loadMore方法
问题描述在ant-dialog中嵌套使用List的滚动加载功能,vue-infinite-scroll配合使用时,滚动和初始时,都无法触发loadmore问题链接:https://github.com/ElemeFE/vue-infinite-scroll/issues/147、1.弹窗启动时,未经过mounted生命周期,所以未绑定成功滚动事件2.获得监听滚动函数的element时(getScrollEventTarget),也就是滚动的容器时,未能拿到overflowY的值,是根原创 2021-05-21 11:18:55 · 2255 阅读 · 4 评论 -
基于vue-lucky-draw更改的支持背景图片和按钮图片的抽奖奖盘
需求效果展示地址:http://merryzoe.cn:8081/源码https://github.com/StarAndSea-zhang/ts-lucky-draw设计时间紧张,基于vue-lucky-draw更改注释详细 请直接github下载代码观看同时务必阅读readme文档,知晓注意事项...原创 2020-07-31 15:36:57 · 2191 阅读 · 0 评论 -
vue3学习(一)之20200421前端圈尤雨溪直播vue3新特性
终端用户感知明显的是 性能优化 Tree-Shaking (摇枝算法) 我摘抄了PPT,看PPT就很详细Performance(性能优化) Rewritten virtual dom implementation 考虑兼容性 对于库作者,模板之外,脱离模板,实现逻辑复杂的渲染表达 Complier-informed fast ...原创 2020-04-28 11:38:51 · 1264 阅读 · 0 评论 -
一个使用nexttick注意的小点
之前用nexttick,一直认为是更新完dom之后做的操作,但是nexttick有个小问题,父组件DOM更新完成后,子组件没有更新完成,调用nexttick操作子组件里的操作.是行不通的.案例:做PC聊天,聊天历史记录滑动到底部,外部用el-drawer实现包裹聊天记录,子组件拿到传递的id,监听id的变化,请求历史记录渲染.渲染完成之后,滚动条滚动到底部.bug是:滚动条不...原创 2019-11-29 11:16:52 · 435 阅读 · 0 评论 -
Vue双向绑定实现原理(一) 数据劫持
1.1 数据劫持1.1.1 如何监控一个数据vue可以直接通过v-model这个指令来实现双向绑定,这是react和小程序都没有,小程序是单向绑定,只能将data中的对象和基本数据类型展示在视图上,却没有办法通过视图来控制data中的数据,需要通过this.setData({})给出一个对象,重新设置数据,达到视图更新。要达到如图1-1的效果,就要对数据进行监控,只有监控了数...原创 2019-08-07 09:33:49 · 1151 阅读 · 0 评论 -
Vue双向绑定实现原理(三)数据改变,更新视图
上面已经实现了单向绑定,也就是将数据通过模板编译的原理显示在了视图上,但如图3-1所示,单向数据的改变并没有再刷新到视图上。图3-1因为还没有对数据做监控,监控到改变之后,执行更新视图操作。这个概念似乎不陌生了,这就是观察者模式,有一部分也说这是发布订阅模式。关于观察者模式和发布订阅模式,这两者有没有不同之处,总是被人议论纷纷。有的人认为两者就是一个模式,有的人认为有点不同,...原创 2019-11-08 11:30:06 · 2646 阅读 · 0 评论