Как вывести случайные элементы массива на VUE?

Question

[Lector]

Делаю что-то типа теста на Vue. Есть массив с данными, в массиве хранится слово и его перевод, я в блоке сначала вывожу слово, ниже в другом блоке нужно вывести рандомно 4 варианта перевода этого слова с одним правильным. То есть мне нужно из массива слов, вывести в качестве ответов рандомно 4 слова и чтобы одно из них было верным. Важно или нет, массив слов получаю через props. Думал как-то через mounted но что-то не получается. Натолкните на мысль что не так делаю

Comments

[Farkl]

ничего не понятно, раз ты получаешь через пропсы массив слов, так в чем проблема его вывести?

[Lector]

Farkl, вывожу его без проблем, но мне нужно вывести так: слово и его случайных 4 варианта перевода, следующий слайд(используется swiper) = следующее слово и его 4 случайных варианта перевода и так далее

[Farkl]

Lector,"но мне нужно вывести так:", а сейчас ты как выводишь?

[Lector]

Farkl,

<template>
<swiper
    :slides-per-view="1"
    :space-between="10"
		:loop="true"
  >
    <swiper-slide v-for="(word,i) in words_array" :key="i">
			<div class="word word-test">
				<h4>{{word.name_en}}</h4>
			</div>
			<div class="answers">
					<button>{{word.name}}</button> <!--правильный ответ-->
					<button v-for="(answer,i) in words_array.slice(0, 3)" :key="i">  <!--вот тут нужно случайным образом выводить слова-->
						{{answer.name}}
					</button>
			</div>
		</swiper-slide>
  </swiper>

</template>

<script>
import { Swiper, SwiperSlide } from 'swiper/vue';
import 'swiper/css';

export default {
	components: { Swiper, SwiperSlide },
	props: ['words_array'],
	data() {
		return {
			myWords: this.words_array
		}
	},
	methods: {
		randomWords() {
			// let chosenNumber = Math.floor(Math.random() * 3);
		}
	},
	created() {
		console.log(this.myWords);
	}

}
</script>

[Farkl]

Lector, я так понимаю words_array имеет вид

[
    {
      name_en: '',
      name: '', //верный ответ
    },
]

почему бы еще не сделать

[
    {
      name_en: '',
      name: '',  //верный ответ
      variants: ['1', '2', '3', '4'],  //варианты ответов
    },
]

[Lector]

Farkl, вот а как мне случайным образом получить эти 4 варианта из того же массива -
variants: ['name3', 'name18', 'name7', 'name24'], //варианты ответов

[0xD34F]

Lector, а погуглить?