vue实现发送请求后刷新页面
时间: 2023-09-12 16:06:22 浏览: 234
vue form 表单提交后刷新页面的方法
在 Vue 中,可以使用 axios 库来发送请求,并且可以在请求成功后通过 location.reload() 方法来刷新页面。
以下是一个示例代码:
```javascript
import axios from 'axios'
export default {
methods: {
async fetchData() {
try {
// 发送请求
const response = await axios.get('https://example.com/data')
// 处理请求结果
console.log(response.data)
// 刷新页面
location.reload()
} catch (error) {
console.error(error)
}
}
}
}
```
在上面的代码中,我们使用了 async/await 来发送异步请求,并且在请求成功后通过 location.reload() 方法来刷新页面。当然,这种方法会重新加载整个页面,可能会影响用户体验,可以考虑使用 Vue 的路由功能来局部刷新页面。
阅读全文