vue v-for 渲染如何綁定數(shù)據(jù)

各位大佬好，問題如下:
我用v-for 渲染了一個(gè)列表，列表內(nèi)有4個(gè)子元素，每次只顯示一個(gè)
data中有一個(gè)currentIndex, 請問怎么用currentIndex控制元素的顯示和隱藏呢。。代碼如下

<div class="pt-page page-2" :class="pageCurrent">
      <div class="pt-answer-box">
        <div class="pt-answer-index">
        <div v-if="questionData">
            <div  v-for="(value, key) in questionData" class='plugin-answer'>
              <div class="header-progress">
                進(jìn)度：<span class="answer-current-index">{{currentAnIndex}}</span>/<span class="answer-all-count">5</span>
              </div>
              <div class="answer-header">
                <div class="question-img">
                  <img src="../../assets/img/question_1.png" alt="">
                </div>
                <div class="question-title">
                <span >{{value.question}} </span>
                </div>
              </div>
              <div class="answer-text-list" v-for="seleItem in value.select">
                <div class="item-text" @touchstart="usrTouch(seleItem, $event)">
                  <span class="span-value" >{{seleItem}}</span>
                </div>
              </div>
            </div>
        </div>
        </div>
      </div>
    </div>

<script>
    export default {
    name: 'question',
        props: {
            questionData: {
                type: [Object, Array],
            },
        },
        data() {
            return {
                currentAnIndex: 1,//當(dāng)前問題索引
                anStatus: {
                  'item_right': false,
                  'item_error': false,
                },
                answered: false,// 是否答題
                
              }
        },
    computed: {
      
    },
    methods: {
      usrTouch(seleItem,e) {
        if (this.questionData[this.currentAnIndex].answer == seleItem) {
          //回答正確
          e.srcElement.className += ' item_right';
        } else {
          //回答正確
          e.srcElement.className += ' item_error';
        }
        
      }
    }
    }
</script>

謝謝各位