【Ключевые слова】
Легкая умная одежда, LiteWearable, передача данных, глобальные переменные
【Описание проблемы】
Разработайте легкое интеллектуальное носимое приложение LiteWearable, определите глобальные переменные в app.js и получите сообщение об ошибке TypeError: Cannot read property '$def' of undefined при получении его через this.$app.$def.xxx на странице
【анализ проблемы】
Было подтверждено, что LiteWearable на данный момент не поддерживает $def, поскольку это разработка приложений для легкого типа устройства, она не поддерживает $def, поэтому невозможно определить и получить глобальные переменные в app.js, как другие типы устройств, такие как мобильные телефоны
【Решение проблем и пример кода】
Способ 1: если вам нужно получить глобальные переменные на нескольких страницах, вы можете сохранить переменные в данных или файлах.Справочные документы:
Способ 2: Если вам нужно передать данные только на нескольких страницах, вы можете передать параметры на целевую страницу через router.replace при перенаправлении страницы.Разработка легких интеллектуальных носимых приложений отличается от других типов устройств. Метод router.getParams нельзя использовать для получения параметров.Чтобы узнать о способе передачи и получения параметров, обратитесь к следующим шагам.
Возьмите страницу index, чтобы перейти на страницу chartPage и загрузить компонент диаграммы в качестве примера:
Шаг 1: Страница index привязывает метод goToChart события click к компоненту, переходит на страницу chartPage и передает ей необходимые параметры в компоненте диаграммы.
Шаг 2: Определите переменные с тем же именем в файле chartPage.js: xAxisMin, xAxisMax, yAxisMin, yAxisMax, определите начальное значение, определите переменную с тем же именем, что и параметр страницы, и автоматически присвойте значение входящего параметра к параметру, определенному в chartPage;
Определите параметр lineOps, отображаемый компонентом диаграммы, который можно определить как начальное значение.
chartPage.html
Шаг 3. Непосредственно используйте переменные xAxisMin, xAxisMax, yAxisMin и yAxisMax в методе onInit в файле chartPage.js, переназначьте lineOps и обновите диаграмму, чтобы страница индекса была перенесена на страницу диаграммы, а данные диаграммы обновлены.
【Связанные документы】
- Облегченная интеллектуальная носимая маршрутизация страниц:
- Легкое интеллектуальное носимое хранилище данных и файловое хранилище:
- Легкие смарт-носимые компоненты диаграммы:
Более подробные технические статьи можно найти на странице https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh.