vue中实现多个弹窗,单一的点击关闭

<div class="payment_box"  v-for="(item,index) in bannerList8" :key="item.id" v-show="pay_isclose.indexOf(index) == -1">
      <div class="pay_box" >
        <div class="close" @click="close(index)">×</div>
        <img :src="item.ad_code" alt="">
        <a class="pay_link" @click="pay_link(index,item.ad_link)"></a>
        <span><i @click="pay_btn"><img src="../../../static/images/Path 81.png" alt="" style="width: 12px;height: 12px;"  v-show="remind_img"></i>不再提醒</span>
      </div>
    </div>

v-show="pay_isclose.indexOf(index) == -1" 通过此函数判断检测是否存在这个index

close(num_index) { 
		this.pay_isclose.push(num_index);
		 localStorage.setItem('pay_isclose',JSON.stringify(this.pay_isclose));
 }

将点击触发哪一个然后把值赋进去,将数组转成字符串,方便把各个值带到数组中

pay_close() {
        var pay_isclose = sessionStorage.getItem('pay_isclose');
        if(pay_isclose)  this.pay_isclose = JSON.parse(pay_isclose);
 }

在将字符串转成数组的形式,存到cook

上一篇:Python递归遍历目录下所有文件


下一篇:打印的日志哪里去了?