problem description
the environmental background of the problems and what methods you have tried
unfold:function () {
this.isShow = !this.isShow;
if( this.isShow == true){
this.number = this.bookData.length;
}else{
this.number = 5;
}
this.twoNumber = this.isRead.length;
this.threeNumber = this.notRead.length;
},
related codes
< dl class= "user-book-rack" >
<dt>({{ "{{ bookData.length }}" }})
<a href="javascript：void(0);" @click="unfold(1)" v-show="!isShow"></a>
<a href="javascript：void(0);" @click="unfold" v-show="isShow" ></a>
</dt>
<dd class="clearfix">
<ul v-if="bookData.length != 0">
<li v-for="(lists,index) in bookData"v-if="index < number ">
<book-rack :list="lists"></book-rack>
</li>
</ul>
<div class="no-content" v-else>
<img src="https://cdn1.ishuteng.cn/user/201807/31/b60f0399ad1ba7ad528c27b6a9d727de" />
<div class="reminder">
<a href="/book"></a>
</div>
</div>
</dd>
</dl>/ / Please paste the code text below (do not replace the code with pictures)