SPA
莹酱不想秃头
这个作者很懒,什么都没留下…
展开
-
SPA项目开发之CRUD&&表单验证
一、表单验证表单验证Form组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将Form-Item的prop属性设置为需校验的字段名即可<el-form-item label="活动名称" prop="name"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm"><!-- 编辑界面 --> <el-dialog :title="title" :vis原创 2020-08-27 18:38:24 · 74 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
一、动态树功能1、单个左侧菜单样式<el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i> <span>导航一</span> </template> <el-menu-item index="1-4-1"> <template slot="title">原创 2020-08-22 21:53:52 · 54 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
一、mock.js模拟响应ajax请求1、安装mockjs依赖 npm install mockjs -D 2、配置开发环境及生产环境为了只在开发环境使用mock,而打包到生产环境时自动不使用mock,我们可以在env中做一个配置(1)dev.envmodule.exports = merge(prodEnv, {NODE_ENV: '"development"', MOCK: 'true' })(2)prod.envmodule.exports = {NODE_原创 2020-08-22 21:49:28 · 109 阅读 · 0 评论 -
SPA项目开发之登录注册
一、安装开发模块1、在hbuilder里找到该项目,右键打开该项目所在目录,然后再右键在此处打开命令窗口,之后依次下载以下四个模块npm install element-ui -S npm install axios -Snpm install qs -S npm install vue-axios -S2、引入main.js配置import ElementUI from 'element-ui' // 新添加 1import 'element-ui/lib/theme-chalk/原创 2020-08-22 21:37:33 · 120 阅读 · 0 评论