chenbowenleave的博客

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

SPA项目搭建今天的搭建是在nodeJS环境搭建好后的基础上实行搭建的什么是vue-clivue-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 -D2.配置mock开发环境为了只在开发环境使用mock，而打包到生产环境时自动不使用mock，我们可以在env中做一个配置(1)dev.envmodule.exports = merge(prodEnv, {NOD...

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