uni点击之后切换图片

最新推荐文章于 2024-12-28 22:10:17 发布

爬楼梯的小新

最新推荐文章于 2024-12-28 22:10:17 发布

阅读量1.9k

点赞数 2

分类专栏： uniapp

本文链接：https://blog.csdn.net/weixin_57607714/article/details/119818318

版权

uniapp 专栏收录该内容

28 篇文章 6 订阅

订阅专栏

点击图片之后切换图片再点击恢复原样

思路：给个点击事件默认显示为true 然后点击之后取反即可

<image src="../../static/stop.png" v-show="showImg" @click="changeImg()" ></image>
<image src="../../static/again.png" v-show="!showImg" @click="changeImg()"></image>

<script>
	export default {
		data(){
			return{
				showImg:true
			}
		},
		methods: {
			changeImg(){
				this.showImg = !this.showImg
			}
		}
	} 
	
</script>

转载自：https://www.cnblogs.com/Yong0921/p/10672053.html