展示效果图
循环数据,每个数据对应着一个key。关键:v-if动态index的值根据ti的变化而变化,从而达到题目列表按钮点哪个就跳到哪个
<!--循环题目数据-->
<div v-for="(item, index) in formData" :key="index">
<div v-if="index==ti"></div>
</div>
<!--循环题目列表数据-->
<div v-for="(item, index) in formData" :key="index">
<div @click="zhid(index)"></div>
</div>
方法
ti:0,//data:默认index第一个,也就是第一题
zhid(index){
this.ti=index;//点击按钮传入参数,替换ti
}