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

axios 和 element的使用

时间:2019-11-27 19:03:29      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:安装   var   div   data   ted   ons   orm   导入   http   

    axios的使用:

          

/**
 * 
 *    使用axios的步骤;
 *    第一步安装 npm install --save axios vue-axios
      第二步,在mian.js中导入和配置,
    引入:
                     import axios from ‘axios‘

                     Vue.use(axios)
    配置 :
                     axios.defaults.baseURL="https://wd4363557576ckikwp.wilddogio.com/"
      第三步在你要使用的文件下引用axios
 */

   

    axios 发送数据:

            

    const fromData={
             age:this.ruleForm.age,
             pass:this.ruleForm.pass
           }
           //发送数据
           axios.post(‘./axiosT.json‘,fromData)
           .then(res=>{//当数据发送成功时回调
           console.log("数据发送成功")
           console.log(res.data)
           
           })
           .catch((error)=>{
             console.log(error)
           })

     接受数据:

          

      mounted () {
            var that = this
            axios.get(‘/Produce.json‘)
            .then(function(response){
                console.log(response.data)
                that.produce=response.data
            })
      }

 

axios 和 element的使用

标签:安装   var   div   data   ted   ons   orm   导入   http   

原文地址:https://www.cnblogs.com/jflalove/p/11944483.html

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