Случайная целевая страница (Vue / Javascript)

#javascript #vue.js

Вопрос:

Я хотел бы показать другой файл .vue, когда посетитель обновляет домашнюю страницу.

Прямо сейчас у меня есть одна страница под названием Home.vue, я пытаюсь случайным образом загружать Home1.vue Home2.vue при каждом обновлении.

 {
  path: '/',
  name: 'home',
  component: () => import('./views/Home.vue')
},
 

Возможно, у меня есть одна «домашняя страница», но весь контент/шаблон может быть загружен случайным образом.

Может кто — нибудь придумать, как это заархивировать?

Ответ №1:

функция импорта принимает путь в виде строки, возможно, это поможет вам

 const pages = ['home.vue', 'about.vue', 'third.vue']
import(`./views/${pages[Math.floor(Math.random()*pages.length)]}`)
 

Удачи!