我需要一个vue2刷新的按钮样式以及功能
时间: 2024-05-02 18:22:15 浏览: 38
基于Vue实现tab栏切换内容不断实时刷新数据功能
以下是一个简单的vue2刷新按钮样式和功能:
```html
<template>
<button class="refresh-button" @click="refresh">刷新</button>
</template>
<style>
.refresh-button {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 10px;
cursor: pointer;
}
</style>
<script>
export default {
methods: {
refresh() {
window.location.reload();
}
}
}
</script>
```
这个按钮样式使用了绿色背景和白色字体,点击按钮后会刷新当前页面。可以根据自己的需求修改样式和刷新功能。
阅读全文