首先说一下 我在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...
今天来介绍一下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 ...
使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss编写，用主题工具的方法（使用的较多）第一种方法：使用命令行主题工具使用vue-cli安装完项目并引入element-ui（具体可参考第二种方法中的介绍）一、安装工具1，安装主题工具npm i element-theme -g2，安装chalk主题，可以从 npm...
本篇文章给大家带来的内容是关于css样式如何覆盖原来的样式？利用vue自定义来实现覆盖elementui样式 ，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在开发中，我们大多要结合自己实际情况，去做符合本项目要求的样式，那么自定义css样式怎样覆盖原来已经写好的样式呢？今天主要讲的就是结合vue与elementui来写自己的自定义样式。引入自己写的css位置如下：1、局部引入：在各自vue文件中使用，互不干扰 sty...
安装使用之前，先了解这4个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它的主要用途是根据CommonJS的语法所有需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue过程模板，即给你一套vue的结构，包含基础的依赖库。通过npm install -g @vue/cli安装。 element-ui: 网站快速成型工具,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 一、下载安装Nodejs，安装完成之...
技术：springboot springcloud eureka mybatis mysql，技术为王的时代，分别有springboot版本 springcloud版本 功能： 后台管理： 用户管理：显示注册用户信息 栏目管理：栏目增删改查 文章管理：文章增删改查 PC端： 首页显示分类，新闻 点击新闻详情 个人中心显示我的信息 功能截图：
项目上线 1、项目上线相关配置 创建 node 项目，并安装 express，通过 express 快速创建 web 服务器，将 vue 打包生产的 dist 文件夹，托管为静态资源即可，关键代码如下：const express = require(express) // 创建 web 服务器 const app = express()// 托管静态资源 app.use(express.static(./dist))//启动 web 服务器 app.listen(80, () => {console.log(web server running at http://127.0.0.1) })新建 vue_shop_server 文件夹...
预览地址：http://www.kedooedu.com/vueyy/dist/#/ 下载地址：http://www.kedooedu.com/vue-yy/ 准备 1.运行vuejs 的node环境 2.php环境 3.mysql 安装 1.前端依赖安装 2.配置数据库
简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 nodeJS 安装后自带一个npm功能。 npm可以说是一个命令行工具：可以下载和上传依赖包。 安装依赖包的时候可以本地安装和全局安装。 本地安装npm install <modules name> 全局安装npm instal...
在做这个项目练手时碰到的一些问题记录一下，加深印象 服务器的目录层级如下： 一、简单的搭建一个服务器，如何划分路由 1.在搭建好的后端服务器 app.js 中导入路由，代码如下：var express = require(express)// 导入路由 用户 var user = require(./router/user.js) var app = express()app.use(express.static(public))// 在路由配置前添加以下代码 解决跨域问题 app.all(*, function(req, res, next) {res.header("Acce...
引言 谔码者最近想做一个自己的项目，因为是后端程序猿，所以前端就用了ElementUI 本地项目结构如下： 前端页面引用如下：<link rel="stylesheet" href="static/element-ui/lib/theme-chalk/index.css"><script src="static/js/vue.js"></script><script src="static/js/jquery-3.3.1.min.js"></script><script src="static/element-ui/lib/index.js"></script><script type="text/javascript" src="static/js/axios.js"></script...
下拉框三级联动 上代码： 如果刚开始看不懂的，建议先拷贝下来测试一下，再根据自己的项目做更改 <el-form-item :label="$t('deviceType.deviceTypeEditAdd.productionLine')+ ':'" prop="productionLine" style="margin-bottom: 20px"><el-selectfilterable:placeholder="$t('injector.plsSelect1')"size="small":clearable="true"style="width:80%"@change="productionLineChange"v-model="addview.productionLine"> ...