关闭Toast

最新推荐文章于 2024-08-11 03:56:33 发布

木豆mudou

最新推荐文章于 2024-08-11 03:56:33 发布

阅读量1.1k

点赞数

文章标签： vue Toast

本文链接：https://blog.csdn.net/qq_37146616/article/details/86613595

版权

虽然关闭Toast是一个很小的功能, 但是记录下来也无妨( 样式就不写了 )
项目背景是vue

<template>
	<div>
		<p @click = 'openbtn'>打开Toast</p>
		<p @click = 'closebtn'>关闭Toast</p>
	</div>
</template>
<script>
	var showto = null //定义toast的变量
	export default{
		name:'',
		return(){},
		methods:{
			openbtn(){
				showto = Toast('我显示了')
			},
			closebtn(){
				if(showto) 
				showto.close()
			}
		}
	} 
</script>

在这里插入图片描述