vue3 点击按钮页面刷新
时间: 2023-08-15 12:13:50 浏览: 215
vue实现刷新页面(两种方式)
5星 · 资源好评率100%
在Vue 3中,你可以通过给按钮绑定一个点击事件,然后在事件处理函数中使用`location.reload()`来刷新页面。下面是一个简单的示例:
```html
<template>
<button @click="refreshPage">刷新页面</button>
</template>
<script>
export default {
methods: {
refreshPage() {
location.reload();
}
}
}
</script>
```
这里使用了`@click`指令将按钮的点击事件绑定到`refreshPage`方法上。当按钮被点击时,`refreshPage`方法会调用`location.reload()`来刷新页面。
请注意,在使用`location.reload()`方法时,页面会重新加载,这意味着任何未保存的数据都会丢失。如果你只是想更新部分数据而不刷新整个页面,你可以考虑使用Vue的响应式数据和组件重新渲染的能力来实现。
阅读全文