<template>
<button @click="show">显示</button>
<button @click="hide">隐藏</button>
</template>
<script setup>
const show = () => {
uni.showToast({
duration:3000, // 持续时间
mask:false, // 全屏遮罩层,未消失前会不可点击
icon:'loading', // success、error、fail、exception、none、loading
title:'成功', // 有icon或者image时最多展示7个字
image: '/static/logo.png' ,// 跟icon冲突,优先级更高
success:(e) => {
console.log('接口成功时执行的回调函数',e)
},
fail: (e) => {
console.log('接口失败时执行的回调函数',e)
},
complete: (e) => {
console.log('接口不管成功或者失败时执行的回调函数',e)
}
})
}
const hide = () => {
uni.hideToast()
}
</script>