Vue-axios需要注意的几个点

1.axios的option中,data与params的区别:虽然二者都是请求接口时用于传递参数,但是data更适合post方式,而params更适合get参数。

2.当在vue实例中写方法使用axios,要在axios的then方法内使用vue参数时,不要通过this关键字使用参数:

 var app = new Vue({
                el: "#app",
                data: {
                    message: "Hello Vue!",
                    parson: []
                },
                methods: {
                    PostData: function (url, data) {
                        axios({
                            method: "POST",
                            url: url,
                            data: data
                        }).then(function (result) {
                            console.log(result);
                            app.parson = result.data;
                        })
                    },
                    ChangeData1: function () {
                        this.PostData("/Vue/GetData1", {
                            test: "lixiang"
                        })
                    }
                }
            })

 

posted @ 2020-07-09 11:05  Sky丨芒果  阅读(186)  评论(0编辑  收藏  举报