首页>>Jquery文字>>基于vue的展开收缩内容(2019-08-05)

基于vue的展开收缩内容

基于vue的展开收缩内容
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="questions">  
  2.             <div class="queueItem" v-for="(item,index) of list" :key="index" @click="titleClick(index)" :class="item.open?'active':''">  
  3.                 <div class="  
  4.       title">  
  5.                     {{item.question}}  
  6.                     <img src="slide_icon.png" class="icon">  
  7.                 </div>  
  8.                 <div class="answer" :id="item.pid" v-if="item.open != null">  
  9.                     <div>{{item.answer}}</div>  
  10.                 </div>  
  11.                 <div class="answer" v-else>  
  12.                     <div>{{item.answer}}</div>  
  13.                 </div>  
  14.             </div>  
  15.         </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_806.html