码迷,mamicode.com
首页 > 移动开发 > 详细

vue项目1-pizza点餐系统9-axios实现数据存储

时间:2019-07-18 16:42:41      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:app1   script   存储   url   order   login   npm   use   exp   

一、安装、引入axios

1、终端输入cnpm install axios

2、在main.js中引入 import axios from ‘axios’

3、配置路径

axios.defaults.baseURL = ‘https://order-app1.firebaseio.com/’

二、在register组件中写登陆方法

1、现在script中导入axios

import axios from ‘axios‘
2、实现方法
<script>
 import axios from ‘axios‘
 export default {
     data(){
         return{
             email:‘‘,
             password:‘‘,
             confirmPassword:‘‘
         }
     },
     methods:{
         onSubmit(){
             if(this.password === this.confirmPassword){
                const formData = {
                    email:this.email,
                    password:this.password,
                    confirmPassword:this.confirmPassword
                }
                axios.post(‘/users.json‘,formData)
                    .then(res => this.$router.push({
                        name:‘loginLink‘//直接跳转到登陆界面
                    }))//console.log(res) 
                    
                 
             }else{
                 alert("两次密码不一致!")
             }
         }  
     }
 }
 </script>

  

 

 

vue项目1-pizza点餐系统9-axios实现数据存储

标签:app1   script   存储   url   order   login   npm   use   exp   

原文地址:https://www.cnblogs.com/JimShi/p/11208103.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!