ElementUI的表格要求的数据类型为字典数组。我使用了python3写后端，那么从数据库取数据时添加一行cursorclass=pymysql.cursors.DictCursor即可。取出后我将其存入redis数据库方便之后取用。取用时使用eval()函数再传到前端即可。 前端放置Pagination 分页器，我这里直接采用了完整功能的分页器。 <el-pagination@size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes=...
首先说一下 我在form表单里面遇见的坑： 1.例如我要给后台传的不是对象，而是一个数组，怎么写验证？ 2.比如我有四个弹出框，都要做验证，这个时候就要注意了，每一个弹出框的ref都不能给的一样，并且一定要与当前弹框的确定或者保存按钮一一对应，例如：第一个弹框的ref=number,按钮的click比如为xxxxxx(number),第二个弹出框的ref=‘number2，对应的按钮>>xxxxxx(number2)。如果ref用的都一样，就会出现，点击下一步我没有去做验...
这两天学习了ElementUI基于vue2.0开发学习，这个知识点挺多的，而且很重要，所以，今天添加一点小笔记。 使用vue2.0(ElementUI基于vue2.0)+ElementUI(饿了么出品)实现的在订单页面动态添加产品的效果，并自动计算总价。代码直接保存为html文档，使用浏览器打开即可查看效果。 效果图： <html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta content="width=device-width, ini...
1.新建表单组件el-form.vue <template><div class="form"><el-form ref="form" :model="UserForm" :rules="this.$store.state.userinfo.CheckRules" label-position="left" label-width="180px"><el-form-item label="真实姓名" prop="truename"><el-input v-model="UserForm.truename"></el-input></el-form-item><el-form-item label="年龄" prop="age"><el-input v-model="UserForm.age"></el-input></el-form-item><el-form-it...
今天来介绍一下ElementUI的使用，在Vue2.0更新之后，很多UI框架也应运而生，这个框架是饿了么团队开发的一款适用于PC的一个UI框架，体验之后给我的个人感觉确实是有助于快速开发的一款UI框架，在饿了么GitHub中我下载了一个团队开发的官方Demo（GitHub链接为：https://github.com/taylorchen709/vue-admin）感觉可以应对初期团队项目为管理系统的开发这一类的网站，下面我就来仔细讲解下如何让官方的Demo运行起来 首先我们使用wind...
1. 根据官方指引，构建项目框架 # 安装vue$ cnpm install vue@2.1.6# 全局安装 vue-cli$ cnpm install --global vue-cli# 创建一个基于 webpack 模板的新项目my-project$ vue init webpack my-project# 进入项目目录$ cd my-project# 安装依赖，走你$ cnpm install# 运行项目$ cnpm run dev2. 运行项目之后，会看到以下界面，恭喜你，项目环境搭建成功 normal. 3. 根据项目结构,构建项目目录src/page/ -------------存放视图页面的...
在上篇文章给大家介绍了使用vue.js2.0 + ElementUI开发后台管理系统详细教程（一） 1. 引入路由工具vue-router，切换视图 # 安装vue-router cnpm install vue-router --save-dev2. 使用vue-router main.js import Vue from vue import App from ./App import VueRouter from vue-router import routeConfig from ./router-config // 引入router-config.js文件 //加载路由中间件 Vue.use(VueRouter) //定义路由 const router = new ...