vue仿word表单录入demo

vue仿word表单录入demo

vue自定义全局css样式loading组件.zip

vue自定义全局css样式loading组件，1、不用gif图片，直接用css样式实现进度条效果 2、用js文件将组件vue进行封装，封装两个全局方便，打开和关闭 3、main.js引用定义的js文件，实现全局引用

vue自定义无限级权限树组件.zip

1. 通过递归，组件套组件，无限套娃实现无限层级 2. 各节点增加input type=‘checkbox’，实现打勾 3. 每次点击子节点通过最上层父组件更新数据，因为涉及到循环嵌套，不能只调用本组件的父组件操作，每个组件通过属性记录最上层父组件，这样不管哪级组件都可以调用最上层父组件的方法 4. 组件要做成2个，一个树视图XTreeView,一个t树项目Xtree，具体引用的是树视图，树视图循环嵌套XTree 5. 勾选节点时，同步更新该节点的所有子节点，因此更新也涉及到了递归

Vue自定义日期输入框组件.zip

实现思路 1、显示部分为一个输入框和一个下拉选择按钮，父级是一个div容器，采用 display:flex;justify-content: space-between;让两端靠边对齐 2、下拉选择按钮用css画一个向下的三角形 3、显示部分的下方放置一个div,上级div样式为display:flex；flex-direction: column;使其能够纵向排列，该div样式设为position: relative;下面放置一个日历组件，样式设置为position: absolute; 4、点击下拉选择按钮（倒三角形）时，显示日历组件，并添加全局click事件，click事件的作用是不管点击在哪里都关闭日历组件，当点击日历区域时，要进行阻止冒泡处理，不然就会响应到全局click事件，将日历组件关掉了 5、用v-model实现数据双向绑定

vue自定义ComboBox下拉框多选组件.zip

用途：一般用于系统管理中多选角色，涉及 1、css样式：flex布局，postion之absolute，relative，画三角形 2、input checkbox类型的 v-model 双向绑定 onchange事件 3、数组过滤及循环遍历 4、子组件向父组件传值

vue自定义导航菜单组件.zip

一般用于后台管理系统的导航菜单，附源码，有兴趣的朋友可以参考自行修改，涉及到知识点：1、flex布局，用好flex，能够解决布局的大部分问题2、鼠标经过改变子元素样式3、鼠标经过改变父元素样式4、动态修改class5、css画三角形6、数组数据过滤

Vue仿浏览器缩放比例组件.zip

Vue仿浏览器缩放比例组件，涉及深度监听，子组件与父组件通信，数组indexOf

Vue时间轴组件.zip

Vue时间轴组件，用于显示升级日志，实现原理：主要区域分为两块，时间区和内容区，时间区是画一个圆点和显示一个时间，内容区左边一个竖线和文字显示，然后做一下循环，将每个日期的数据显示出来，布局采用flex布局，用好flex布局，真的可以一把梭

vue自定义开关组件.zip

vue自定义开关组件，初学者可以作为参与实现做一个精美的组件

vue路由及子路由实现管理后台基本框架

主要是讲路由及子路由的实现，后台框架只是示意,包括登录页面，首页，用户管理