Серия uni-app: uni.navigateЧтобы передать скачок значения
Серия uni-app: uni.navigateЧтобы передать скачок значения

в uni-приложении,Если вы хотите пройтиuni.navigateToМетод переходит на другую страницу и проходитпараметр,Для его передачи можно использовать параметр URL-адреса маршрутизации страницы или стек страниц. Но да,пожалуйста, обрати внимание,uni.navigateToНе заменит текущую страницу,И да помещает текущую страницу в стек,и перейдите на страницу в приложении. Это означает, что можно вернуться к предыдущим страницам через стек страниц.

Ниже приведены два часто используемых метода передачи значений:

1. Использование параметров URL

можно пройтипараметрдобавлено на целевую страницуURLначальство。Затем на целевой странице перейдитеthis.$route.queryчтобы получить этопараметр。

Пример

Отправить страницу A):

Язык кода:javascript
копировать
uni.navigateTo({
    url: '/pages/targetPage/targetPage?param1=value1&param2=value2'
});

Получить страницу (Страница B, а именно targetPage):

Язык кода:javascript
копировать
export default {
    onLoad(query) {
        // Объект запроса содержит результаты поиска, вызванные переходами на страницы.
        console.log(query.param1); // Выход: value1
        console.log(query.param2); // Выход: value2
    }
}

2. Используйте стек страниц

Хотяuni.navigateToОн не поддерживает передачу данных напрямую через стек страниц.,но можно использоватьuni.setStorageSyncилиuni.setStorageХранить данные в локальном кеше,Затем на целевой странице перейдитеuni.getStorageSyncилиuni.getStorageполучить。

Пример

Отправить страницу A):

Язык кода:javascript
копировать
// Хранить данные в локальном кеше
uni.setStorageSync('myKey', 'myValue');

// Затем перейдите на целевую страницу
uni.navigateTo({
    url: '/pages/targetPage/targetPage'
});

Получить страницу (Страница B, а именно targetPage):

Язык кода:javascript
копировать
export default {
    onLoad() {
        // Получить данные из локального кэша
        let value = uni.getStorageSync('myKey');
        console.log(value); // Выход: myValue
    }
}

Что следует отметить:

  • При использовании параметров URL-адреса существуют ограничения на длину параметра, и не рекомендуется передавать большие объемы данных или конфиденциальные данные.
  • При использовании локального кэша обеспечьте безопасность данных и очистите кэш, когда это необходимо, чтобы избежать утечки данных или занятия слишком большого места для хранения.
  • Если вы передаете сложные структуры данных (например, объекты или массивы), вам может потребоваться сначала преобразовать их в строки JSON, а затем проанализировать их обратно на целевой странице.
  • в некоторых случаях,Возможно, придется использоватьuni.redirectToилиuni.reLaunch来替换当前页面или重新加载应用,Это зависит от ваших потребностей.
  • uni.navigateTo да uni-app Один в кадре, используемый для перехода по страницам. API. При использовании этого API При переходе на страницу вы обычно можете передать некоторый параметр для управления поведением перехода или передать данные на целевую страницу. Следующие да и uni.navigateTo Все возможные значения данных или параметры, относящиеся к:

Параметры API uni.navigateTo

Язык кода:javascript
копировать
uni.navigateTo({
    url: «Путь к странице», // Путь к целевой странице может включать параметр
    success?: Function, // Функция обратного вызова для успешного вызова интерфейса
    fail?: Function, // Функция обратного вызова при сбое вызова интерфейса
    complete?: Function // Функция обратного вызова в конце вызова интерфейса (выполняется независимо от того, успешен вызов или нет)
});

Подробное описание

  • url:
    • Да uni.navigateTo Основной параметр указывает путь к целевой странице, на которую нужно перейти.
    • Параметры можно добавлять после пути и использовать между параметрами и путями. ? Используются отдельные клавиши параметров и значения параметров. = Подключено, используются разные параметры & 分隔;нравиться:path?key1=value1&key2=value2
    • Параметры будут переданы на целевую страницу onLoad функция, как query часть параметров.

параметры функции обратного вызова

  • success: Функция обратного вызова, выполняемая при успешном переходе на страницу. Никаких конкретных параметров не передается, но ее можно передать. uni.getCurrentPages() Получить информацию о текущем стеке страниц.
  • fail: Функция обратного вызова, выполняемая при сбое перехода на страницу, передает в качестве параметра объект, содержащий информацию об ошибке.
  • complete: Независимо от того, был ли переход на страницу успешным или неудачным, функция обратного вызова будет выполнена без передачи определенных параметров.

Здравствуйте, я Фейхен.

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

boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native|Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose