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

Question

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

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

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

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

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

Answer 1

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

<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>