uniapp的v-if或v-show的显示隐藏问题

请问在uniapp中怎么使用v-if或者v-show实现一个图片的点击后显示的功能?我目前只会隐藏图片,反过来我就有点不动了,希望有朋友可以解答。

这里是用到v-if或者v-show的地方:

        class="TuoYuan1box">
            "tuoyuan1" @click="ShowTuoyuan1" v-show="!ShowTuoyuan1" class="tuoyuan1" src="../../../static/p3/tuoyuan.png" mode="widthFix">
        

    data() {
        return {
            ShowTuoyuan1: true
        };
    },

希望有朋友可以帮我解答一下,看怎么修改

加个按钮啊,不然图片隐藏了点击不到咋显示

<view class="TuoYuan1box">
    <image id="tuoyuan1" @click="ShowTuoyuan1=!ShowTuoyuan1" v-show="ShowTuoyuan1" class="tuoyuan1" src="../../../static/p3/tuoyuan.png" mode="widthFix"></image>
    <button v-show="!ShowTuoyuan1" @click="ShowTuoyuan1=!ShowTuoyuan1"></button>
</view>

你为啥 取个反 。ShowTuoyuan1 为false 才显示?