多个上下箭头来回切换,并且内容显示隐藏
直接上代码
html
<div v-for="(item, index) in help" :key="index">
<div class="helpQuestionsFirst">
<div class="helpQuestions">{
{ item.helpQuestions }}</div>
<div class="helpQuestionsImg" @click="helpQuestionsImgClick(item.id)">
<img v-if="item.imgPage" src="../../assets/images/home/home-right.png" alt="" />
<img v-else src="../../assets/images/home/home-top.png" alt="" />
</div>
</div>
<div v-if="item.imgPage" class="helpAnswer">
<p>{
{ item.helpAnswer }}</p>
</div>
</div>