通过Vue / Axios发送URL查询字符串

时间:2018-07-04 10:34:57

标签: vue.js vuejs2 axios

我刚接触Vue / Axios。

我想做的是使用Axios将查询字符串发送到电子邮件中。查询字符串是通过Google Adwords设置的。

http://website.co.uk/page.php?keyword=jh%20page&gclid=XXIaIZobFhEInb6zoDyH3AIViwDTCh1yawIPFYTAYASRAEgIJH_D_BwE

我当前的vue代码

const app = new Vue({
    el: '#app',
    data() {
        return {
            step: 1,
            counter: 0,
            tagName: null,
            debt: {
                name: null,
                email: null,
                tel: null
            }
        }
    },
    methods: {
        prev() {
            this.step--;
        },
        next() {
            this.step++;
        },
        submit() {
            axios.post('post.php', {
                'name': this.debt.name,
                'email': this.debt.email,
                'tel': this.debt.tel
            }).then(response => {
                console.log('success', response.data.message)
            }).catch(error => {
                console.log(error.response)
            });
        }
    }
});

希望有人能帮助我朝正确的方向前进。如果您需要其他任何信息,请告诉我。

谢谢J。

1 个答案:

答案 0 :(得分:2)

如果您要询问如何使用axios设置查询字符串,请在request config中将其设置为参数。

axios.request('/post.php', {
  method: 'post',
  params: {
    test: '321',
  },
});