![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
binbin_xixi
这个作者很懒,什么都没留下…
展开
-
Vue.js 中使用PubSub.js 进行同级组件间通信
项目设计中有个需求:在页面上新增数据成功后,需要在页面导航栏上显示一个小红点告诉用户当前数据已更新,请点击进去进行操作。如图所示在新增数据请求成功返回后,提示新增成功,并在这里显示数据有更新的标记。然后再用户点击跳转的同时这个小标记消失。由于左侧导航栏跟右侧的页面属于不同的组件,这里使用PubSub的发布订阅模式进行值的传递与修改进而通知这个标记的显示与隐藏。首先在需要的组...原创 2019-01-08 17:38:26 · 5677 阅读 · 1 评论 -
vue前端video视频截图与录影功能的简单实现
最近项目开发中,需要实现在video 视频上截图,录影后将文件上传到阿里云服务器上。截图功能相对来说比较容易实现,使用canvas 的 drawImage 方法将video 控件的区域绘制下来即可。录影相对来说比较麻烦,目前用webRTC 简单实现。功能简单介绍:使用videojs来播放海康NVR 的Dash视频流,需要针对实时画面进行截取,或者录制10s的视频片段然后上传至阿里云上。截图...原创 2019-04-16 16:58:01 · 18309 阅读 · 26 评论 -
vue 中滚动条滚动到顶部的相关处理
1,如图所示,使用ElementUI 的table组件,在切换分页的时候滚动条需要自动滚动到最上方。 document.getElementsByClassName('el-table__body-wrapper is-scrolling-none')[0].scrollTop=0;2,如图所示,使用ElementUI 的el-scrollbar 组件,在切换左边分组的时候需要右边子...原创 2019-05-08 11:13:59 · 2954 阅读 · 0 评论 -
vue前端开发中使用模拟的RESTful 请求
通常在页面开发过程中,页面在开发出来后,api还没有开发完成,所以我们需要添加模拟数据来把页面先撑起来。一,使用json文件来模拟数据可以在static目录下创建请求对应的json文件 ,以获取device list 为例:static/jsondata/device.jsonimport axios from 'axiosfunction getDeviceList(param...原创 2019-05-13 17:52:04 · 1714 阅读 · 0 评论