请问在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 才显示?