当我们使用v-if判断加载数据的时候,只有判断满足条件了才加载,而v-show是不管条件满足不满足,它都是已经加载在哪里了,只是让它显示与隐藏的效果,用v-show来处理图片切换可以避免闪烁问题。
下面是quasar中对界面的操作,如果在vue中使用,把q-去掉就可以了。
<div v-show="k===2" style="margin-left:25%">
<q-img src="statics/icons/004.jpg"></q-img>
</div>
<div v-show="k===1">
<div size="300px" style="margin-left:25%">
<q-img src="statics/icons/003.gif" :class='class1'></q-img>
</div>
</div>