文档章节

8/22 vue开发 登入以及axios

一月
 一月
发布于 2017/08/22 11:10
字数 205
阅读 8
收藏 0

1:验证登入用户名和密码简单方法:

form表单中,标签中绑定验证规则rules。 

<el-form :model="edit" :rules="rules">

<el-form-item label="编码" prop="code">

<el-input v-model="edit.code">

</el-input>

</el-form-item>

<el-form-item label="名称" prop="name">

<el-input v-model="edit.name" >

</el-input>

</el-form-item>

<el-form-item label="备注" prop="remark" >

<el-input v-model="edit.remark" >

</el-input>

</el-form-item>

</el-form>

接下来

return{ edit:{},

rules: { //编码输入框验证规则 code:[ {required:true,message:'编码不能为空',trigger:'blur' } ],

//名称输入框验证规则 name:[ {required:true,message:'名称不能为空',trigger:'blur' } ],

//备注输入框验证规则 remark:[ {required:true,message:'备注不能为空',trigger:'blur' } ]

}}

 

 

首先在 main.js 中引入 axios

import axios from 'axios'

这时候如果在其它的组件中,是无法使用 axios 命令的。但如果将 axios 改写为 Vue 的原型属性,就能解决这个问题

Vue.prototype.$ajax = axios

 

© 著作权归作者所有

上一篇: vue axios
下一篇: vue引入全局JS
一月
粉丝 1
博文 27
码字总数 3622
作品 0
闵行
私信 提问
合格前端第十二弹-TypeScript + 大型项目实战

写在前面 TypeScript 已经出来很久了,很多大公司很多大项目也都在使用它进行开发。上个月,我这边也正式跟进一个对集团的大型运维类项目。 项目要做的事情大致分为以下几个大模块 一站式管理...

qiangdada
2018/07/22
0
1
vue+mockjs 模拟数据,实现前后端分离开发

在项目中尝试了mockjs,mock数据,实现前后端分离开发。 关于mockjs,官网描述的是 1.前后端分离 2.不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。 3.数据类型丰富 4.通过...

大灰狼的小绵羊哥哥
2018/10/15
0
0
vue框架搭建之axios使用教程

本文重点介绍axios如何配合vue搭建项目框架,而axios的详细使用介绍请移步 1、安装 2、引入main.js 文件引入: 3、使用 4、跨域与代理在vue本地开发时请求总是发生跨域解决方案:配置代理con...

前端攻城老湿
2018/11/22
0
0
vue全家桶 ---axios的使用和二次封装

1、前提基础 本文在vue项目搭建的基础上,vue-router路由配置的基础上,对vue项目中axios的使用进行介绍。 2、axios的使用以及拦截器的设置。 安装axios 新建http文件夹,新建index.js,conf...

SilentLove
2018/12/30
0
0
Vuejs2.0学习笔记之axios&vue-resource

在Vue中发送AJAX请求:Vue本身并不支持发送ajax请求,需要使用第三方插件vue-resources(1.0, 但是2.0中不建议使用)、官方推荐使用axis(2.0);但是也可以用jQuery; 什么是axios?axios是一个基...

码农严选
03/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Angular 英雄编辑器

应用程序现在有了基本的标题。 接下来你要创建一个新的组件来显示英雄信息并且把这个组件放到应用程序的外壳里去。 创建英雄组件 使用 Angular CLI 创建一个名为 heroes 的新组件。 ng gener...

honeymoose
50分钟前
4
0
Kernel DMA

为什么会有DMA(直接内存访问)?我们知道通常情况下,内存数据跟外设之间的通信是通过cpu来传递的。cpu运行io指令将数据从内存拷贝到外设的io端口,或者从外设的io端口拷贝到内存。由于外设...

yepanl
今天
6
0
hive

一、hive的定义: Hive是一个SQL解析引擎,将SQL语句转译成MR Job,然后再在Hadoop平台上运行,达到快速开发的目的 Hive中的表是纯逻辑表,就只是表的定义,即表的元数据。本质就是Hadoop的目...

霉男纸
今天
3
0
二、Spring Cloud—Eureka(Greenwich.SR1)

注:本系列文章所用工具及版本如下:开发工具(IDEA 2018.3.5),Spring Boot(2.1.3.RELEASE),Spring Cloud(Greenwich.SR1),Maven(3.6.0),JDK(1.8) Eureka: Eureka是Netflix开发...

倪伟伟
昨天
13
0
eclipse常用插件

amaterasUML https://takezoe.github.io/amateras-update-site/ https://github.com/takezoe/amateras-modeler modelGoon https://www.cnblogs.com/aademeng/articles/6890266.html......

大头鬼_yc
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部