首页 > 其他 > 详细

控制外层盒子显示隐藏并改变内部图片src,会先显示上一张图再切换

时间:2019-10-13 15:19:58      阅读:92      评论:0      收藏:0      [点我收藏+]
<div class="cart" v-show="cart">
    <div class="cart-content">
        <img :src="imgUrl" />
    </div>
</div>
//显示并切换卡片内容
showcart(i) {
   //解决不了问题
   //this.imgUrl = ‘‘;
this.imgUrl = this.url[i]; this.cart = true; },
//隐藏卡片 closeCard(){
this.cart = false; },

以上是问题代码

1. 使用v-if,不用v-show,带来频繁的切换消耗

2. 隐藏卡片后清空imgUrl

closeCard(){
  this.card = false;
  this.imgUrl = ‘‘;        
}

3. 使用多张卡片(建议)

 

控制外层盒子显示隐藏并改变内部图片src,会先显示上一张图再切换

原文:https://www.cnblogs.com/223zzm/p/11666547.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!