究极死胖兽的博客

Cat-Table-Select 基于Vue+Element的表格选择器基于 Element 的Vue 组件(Vue.js 2.x) cat-table-select Github 地址前言之前自己动手做了个基于Element树选择器 cat-tree-selec ，于是就照着之前的思路又封装了个表格选择器。目前已经实现了单选，多选，分页，自定义列，可搜索等功能。效果预览Demo 安装复制仓库bashgit clone git@github.com:scuxiatian/cat-ta

Cat-Tree-Select 基于Vue+Element的树选择器基于 Element 的Vue 组件(Vue.js 2.x) cat-tree-select Github 地址前言本人在最近的开发工作中常需要用到树选择器 目前最好用的基于 Vue 的树选择器应该是 VueTreeselect ，但是由于个人倾向基于 Element 进行开发，而 VueTreeselect 的风格样式与 Element 不一致，且不能与 ElForm 和 ElFormItem 联动。所以本人参考了其他 E

Vue小模块之功能全面的表格（四）表格数据的排序和分页技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 ...

Element-Ui组件（四）Link 文字链接本文参考Element官方文档：http://element-cn.eleme.io/#/zh-CN/component基础用法el-link比较简单，用法与el-button类似，经常与icon搭配使用，type属性主要用于控制其颜色，以下是用一组链接制作的简单导航栏：<template> <div> ...

Element-Ui组件（三）Button 按钮本文参考Element官方文档：http://element-cn.eleme.io/#/zh-CN/component基础用法el-button经常与icon搭配使用，type属性主要用于控制其颜色，plain属性用于控制其风格，round、circle属性用于控制其形状，以下是一组增删改查的按钮示例：<template&gt...

Element-Ui组件（二）图标应用本文参考Element官方文档：http://element-cn.eleme.io/#/zh-CN/component基本用法Element内置丰富的图标库，主要有以下2种用法：设置类名el-icon-xxx，通常使用i元素在Element部分组件中设置icon属性页面效果以下是通过上述两种用法制作的简单导航工具条：示例代码&l...

Element-Ui组件（一）页面布局本文参考Element官方文档：http://element-cn.eleme.io/#/zh-CN/component常用布局 el-row与el-col可搭配实现24格栅格布局，若布局较复杂，可以嵌套使用。el-container作为布局容器（可以嵌套使用），内部可包含el-header（顶栏），el-aside（侧边栏），el-main（内...

Vue小模块之功能全面的表格（十）表格数据的Excel导入技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 ...

Vue小模块之功能全面的表格（九）表格数据的Excel导出技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 ...

Vue小模块之功能全面的表格（八）表格数据的更新和删除技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 ...

Vue小模块之功能全面的表格（六）实现带有数组输入的表单技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 ...

Vue小模块之功能全面的表格（三）筛选表格中的数据技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 mong...

Vue小模块之功能全面的表格（二）创建表格技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 mongoo...

Vue小模块之功能全面的表格（五）对话框的弹出和关闭技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 mon...

Vue小模块之功能全面的表格（七）通过POST请求添加数据技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 ...

Vue小模块之功能全面的表格（一）用Element创建基本页面布局技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb...

Vue小模块之用户登录功能（三）使用Vuex管理全局数据技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 m...

Vue小模块之用户登录功能（六）使用axios解决‘Access-Control-Allow-Origin’跨域技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express ...

Vue小模块之用户登录功能（五）连接MongoDB数据库技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 ...

Vue小模块之用户登录功能（二）使用Element美化网站和实现验证技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mong...

Vue小模块之用户登录功能（一）搭建基础环境技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 mongoos...

Vue小模块之用户登录功能（四）用Express创建后台服务器技术栈Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具...