【代码】使用vue动画完成滑入滑出切换。

我们都知道，html中的video标签只能播放特定格式的视频，对这种视频流文件无能为力，而且网上的vue-video-player也只能播放特定格式的视频。要播放监控的实时视频，除了在浏览器的地址栏直接打开摄像头的地址（如：http://192.168.1.108,像大华和海康都可以给特定的http协议的接口），或者在vlc播放器中直接打开rtsp流的视频播放（下载vlc播放器，打开网络串流，输入

 一、微信网页授权网页授权流程分为四步，这里只说前端需要做的，其中的第一步：跳转授权页面获取code。 这里分享下我的授权逻辑（下图），它有两个优点：授权跳转在dom渲染之前，体验会好一些；本地存储了openId，前后端均不用频繁的与微信服务器交互。   二、微信jssdk授权如果你页面中有用到分享、上传图片、微信支付等功能，那么需要先进行js-sdk授权。我...

后台管理系统loading的局部刷新在一次vue+element-ui后台管理系统的项目中，遇到这样一个问题，引入element-ui加载框后，loading会占满整个屏幕，虽然通过改变路由实现了局部刷新，但是loading的全屏刷新，让人看上去很是不爽，以为是全局刷新。再一个问题就是，一个页面中可能含有的多个请求，在拦截器汇总设置关闭loading后，会出现的问题就是，有些数据还...

在我们整体的项目开发中，对项目框架的整体布局是非常重要的一环，其中侧边栏会涉及到一级一级嵌套以及项目迭代的问题，而且还涉及到路由的问题，所以用树形结构显然不合适，我们需要考虑迭代的问题，所以我们选择用递归组件对侧边栏进行布局，新增菜单只需要在数据层添加即可，可以无极限嵌套菜单级别，而达到了一劳永逸的效果。首先我们需要有自己侧边栏的数据（前端自己写静态数据或从后台获取）：data.js:...

在登入页面，我们往往需要通过输入验证码才能进行登入，那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能第一步：自定义一个生产随机验证码的组件，其本质是使用canvas绘制，详细代码如下：<template><div class="s-canvas"><canvas id="s

第一步：安装三个依赖包npm install -S file-saver（生产依赖，则为-s）npm install -S xlsxnpm install -D script-loader （开发依赖，则为-d）第二步：引入三个文件：我们在src目录下新建一个文件夹，例如vendor，然后把：Blob.js和 Export2Excel.js两个文件（可以去网上找这两个文件）放在...

安装npm install vuedraggable<template><div class="fluid container"><div class="form-group form-group-lg panel panel-default"><div class="panel-heading"><h3 class="panel-title"

 阅读目录简而言之组成部分没有什么是一个栗子不能解决的简而言之之前对 MVVM 模式一直只是模模糊糊的认识，正所谓没有实践就没有发言权，通过这两年对 Vue 框架的深入学习和项目实践，终于可以装B了有了拨开云雾见月明的感觉。Model–View–ViewModel(MVVM) 是一个软件架构设计模式，由微软 WPF 和 Silverlight 的架构师 Ken Coope...

在另一篇文章我们会谈及祖父孙三级之间的通信，传送门：vue组件通信的方式（二）1.父组件向子组件传值（绑定属性）：首先我们定义一个父组件father.vue：&lt;template&gt;&lt;div&gt;&lt;h1&gt;父组件&lt;/h1&gt;&lt;p&gt;{{mydata}}&lt;/p&