Есть данные со списком вопросов и ответов
questions=[
{
questiontext:"",
answers:[1,2,3,4]
},
{
questiontext:"",
answers:[1,2,3,4]
}
]
и две кнопки стрелка влево и вправо Нужно по нажатию стрелки вправо выводить следующий вопрос, по нажатию стрелки влево предыдущий вопрос
<template>
<div class="header">
<div class="wrapper">
<div class="header__options">
<button @click=' setRedirectBack(true)'>
<font-awesome-icon icon="times" />
</button>
<button @click='setQuestion(question - 1)' >
<font-awesome-icon icon="arrow-left" />
</button>
</div>
<h2 class="game-card__title">{{ $route.params.id}}</h2>
<button @click='setQuestion(question + 1)'>
<font-awesome-icon icon="arrow-right" />
</button>
</div>
<div class="game-card">
</div>
</div>
</template>
<script>
import Vuex from 'vuex';
import { mapState} from 'vuex';
import firebase from 'firebase';
export default {
name: "Questions",
props: {
},
methods: {
setRedirectBack(){},
setQuestion(){}
computed:{
...mapState([
'questions'
]),
},
created: function() {
this.$store.dispatch('initQuestions')
},
};
</script>