vuejs2 - 如何使用 Vue 中的发布数据重定向到另一个页面？

Question

如何使用 php 表单等发布数据重定向到另一个页面？

<button @click="sendData(foo)">Submit</button>

------------------------------
sendData(foo){

 //redirect to another page with post data $_POST['foo'] 

 ....

}

Answer 1

sendData(foo){

 axios.post('/a_url.php', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
    //REDIRECT TERE
  })
  .catch(function (error) {
    console.log(error);
  });

}

请注意，这不会重定向，因为您使用的是 AJAX，但它会使用 post 提交表单。

要重定向，你必须告诉我你的设置是如何完成的，如果你有类似 vue router 的东西，你应该使用类似于:

router.go('/some_url.php')

否则你可能需要:

location.href = '/some_url.php';

这两个将进入您的成功功能。