chenbowenleave的博客

spa项目开发之tab页实现 实现思路及细节 1、利用前面博客所讲的Vuex的知识；定义几个变量 Options：存放tab页对象的容器（主要是路由路径以及tab页的名字） activeIndex：被激活的tab页路由路径 showName：tab页的标题 Role：用来区分是否是因为左侧菜单被点击造成的路由路径发生改变； 是：pass；不是：nopass 2、左侧导航菜单绑定点击事件 将被点击的...

SPA项目搭建 今天的搭建是在nodeJS环境搭建好后的基础上实行搭建的 什么是vue-cli vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 搭建步骤 一、安装vue-cli 执行代码：npm install -g vue-cli 成功后会在你的vue-global中新增一些文件 二、使用脚手架v...

SPA项目开发之CRUD+表单验证 功能： dialog布局 表单验证 新增功能 修改功能 删除功能 功能： dialog布局 弹出对话框 <!--点击事件add（）弹出增加文章的对话框 --> <el-button size="small" type="primary" icon="el-icon-plus" @click="add()">增加</el-bu...

SPA开发项目之动态树、数据表格、分页 在上一偏代码中进行改造SPA项目开发之首页导航+左侧菜单 需要准备好后台（左侧树，带分页的文章查询） 1.动态树 后台传来的json数据 {"result":[{"treeNodeId":1,"treeNodeName":"系统管理","treeNodeType":1,"url":null,"position":1,"icon":"el-icon-setti...

项目之首页导航+左侧树菜单 1.mockjs的使用 1 安装mockjs依赖 在对应的spa项目中调出配置mock开发环境命令窗口输入 npm install mockjs -D 2.配置mock开发环境 为了只在开发环境使用mock，而打包到生产环境时自动不使用mock，我们可以在env中做一个配置 (1)dev.env module.exports = merge(prodEnv, { NOD...

SPA项目开发之登录注册 1、spa项目完成登录注册布局 安装开发模块 界面显示需要导入element-UI的库 npm install element-ui -S npm install axios -S npm install qs -S npm install vue-axios -S 引入main.js配置 import Vue from 'vue' import 'elemen...