Nano Hash - криптовалюты, майнинг, программирование

Программный проход Nuxt, проходной роутер

я использую Nuxt

У меня проблемы с передачей данных с одной страницы на другую

Я хотел бы программно перейти на другую страницу и передать некоторые данные на другую страницу (в данном случае это объект javascript)

Итак, вот мой код:

У меня есть компонент, из которого я перехожу:

this.$router.push({ path: 'page/add', props: { basket: 'pie' } });

А вот компонент, из которого я хотел бы получить данные, это страница Nuxt:

export default {
    components: { MyComponent },
    props: [
        'basket' // this is also empty
    ],
    async asyncData(data) {
     
        console.log(data); // data does not contain basket prop
      
    },
    meta: {
        breadcrumb: {
            path: '/page/add',
        },
    },
};
</script>

Но когда я пытаюсь получить доступ к реквизитам, данным или data.router, он не содержит prop корзины ??

Кроме того, я не хотел бы использовать query или params, потому что они меняют URL
[1]: https://nuxtjs.org/


Ответы:


1

Вы можете использовать localstorage и сохранять в нем свои данные:

localStorage.setItem("nameOfItem", Value);

и удалите его, если хотите, после того, как закончите с ним:

localStorage.removeItem("nameOfItem");
15.09.2020
  • Есть ли другой вариант, кроме localstorage 15.09.2020
  • @Loki Сейчас ничего не приходит в голову. вы можете добавить их в params или query, но вы говорите, что не хотите этого. 15.09.2020

  • 2

    Если вы не хотите использовать query или params, я бы заглянул в магазин vuex. Это действительно отличный способ хранить глобальные переменные и использовать их на нескольких страницах.

    Магазин Vuex

    18.09.2020
  • спасибо, это был второй вариант, который я имел в виду 18.09.2020

  • 3

    Чтобы перейти к другому URL-адресу, используйте router.push. Этот метод помещает новую запись в стек истории, поэтому, когда пользователь нажимает кнопку браузера "Назад", он переходит к предыдущему URL-адресу.

    То, что вы пытаетесь выполнить, не соответствует браузеру (история и т. Д.) Или протоколу http (GET / POST).

    Кроме того, при использовании path params и других переменных они будут проигнорированы в соответствии с документацией < / а>.

    Примечание. параметры игнорируются, если указан путь, что не относится к запросу, как показано в примере выше. Вместо этого вам нужно указать имя маршрута или вручную указать весь путь с любым параметром.

    Использование props здесь, скорее всего, неправильный подход, поскольку вы никогда не получите эти данные в компонент.

    20.07.2021
    Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..