码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-10-13 15:04:16      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:url   pre   问题   内容   lse   div   img   car   src   

<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,会先显示上一张图再切换

标签:url   pre   问题   内容   lse   div   img   car   src   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!