uniapp小程序点击按钮提示成功两秒后刷新当前页面,写个例子
时间: 2023-10-09 13:12:23 浏览: 233
uniapp基于z-paging实现页面下拉刷新、上拉加载,分页加载案例
当然,我可以帮你解决这个问题。以下是一个示例代码,可以在uniapp小程序的按钮点击事件中使用:
```
<template>
<button @click="onButtonClick">点击我</button>
</template>
<script>
export default {
methods: {
onButtonClick() {
// 处理逻辑
console.log('按钮被点击了');
// 提示成功
uni.showToast({
title: '操作成功',
icon: 'success',
duration: 2000,
complete: () => {
// 刷新页面
uni.reLaunch({
url: `/${getCurrentPages()[0].route}`,
});
},
});
},
},
};
</script>
```
在点击按钮时,会弹出一个提示框,显示“操作成功”,并持续2秒。在提示框关闭后,使用`uni.reLaunch()`方法重新加载当前页面,实现刷新的效果。
希望这个例子能够帮助到你。如果你还有其他问题,请随时问我。
阅读全文