vue.js axios的使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/water_Popcorn/article/details/89711046

首先安装 :npm install axios --save

vue源码:

<script>

import axios from '@/axios'               //导入axios                 

export default {

    data() {

        return {

           List:[],             //返回的数据

        };

    },

    mounted() {

        this.getList();       //刷新页面自动调用这个方法

    },

    methods: {

        getList: function() {           //定义方法

            axios({

                method: 'post',                       //请求方式是post

                url: '/basic/user/getListByData',      //这是后台的接口

                data: {                                        //向后台传送的数据,传送的数据要传送后台需要用的数据

                    data1: value,

                    data2: value,

                    data3: value,

                }

            }).then(res => {

                if (res.data.status == "OK") {                  //如果后台接口响应成功

                    this.List = res.data.data.list;      //获取后台返回的数据并赋值给list,我获取的是一个数组,

                                                                     //res.data.data.list:这个随自己的数据不同而改变,不是固定的

                    console.log(this.List);              //在控制台打印

                }

            });

        },

    },

};

</script>

获取的输入如图打印在控制台:

猜你喜欢

转载自blog.csdn.net/water_Popcorn/article/details/89711046