写一段代码vue3按钮事件,点击刷新
时间: 2023-06-18 19:06:58 浏览: 155
vue 上拉刷新,vue2.0写的一个demo
可以使用 Vue3 的模板语法来给按钮添加点击事件,实现点击按钮后刷新页面的功能。代码如下:
```
<template>
<button @click="refresh">刷新</button>
</template>
<script>
import { ref } from 'vue';
export default {
setup() {
const refresh = () => {
window.location.reload();
};
return {
refresh
};
}
};
</script>
```
在模板中,我们创建了一个按钮,并绑定了 `@click` 事件监听器,当用户点击按钮时,`refresh` 函数会被调用。`refresh` 函数使用 `window.location.reload()` 方法来刷新页面。
在 `setup()` 函数中,我们使用 `ref` 方法创建了一个响应式对象 `refresh`,并将其作为返回值暴露给模板,这样模板就可以访问 `refresh` 函数了。
当用户点击按钮时,Vue3 会自动更新视图,执行 `refresh` 函数刷新页面。
阅读全文