基于HarmonyOS的华为智能手表APP开发-路由篇

312 阅读1分钟

概述

上篇已经介绍了怎么搭建初步系统实现了页面可以看见功能。下一步就是创建路由,下边就是创建路由时候的疑问以及怎么解决的

1. 控制台怎么看 样式暂时没找到 js能看到打印信息

image.png

2.包没有引入进来

在导入路由的时候发现这个包已经引不进来 image.png

本来就以为是SDK会提供,但是看文档就是不行,所以通过npm尝试下。

image.png

解决方法 换成

import router from '@system.router';

因为sdk6 而上方那种引入方式为API version 8开始支持

路由跳转问题 点击不跳转问题 目录结构 image.png

<input type="button" class="btn" value="按钮" @click="toPath"></input>
import router from '@system.router';
export default {
    data: {
        title: ""
    },
    onInit() {
        this.title = this.$t('strings.world');
    },
    toPath(){
        console.log(1111)
        router.push({
            url: 'pages/subView/index',
            params: {
                data1: 'message',
                data2: {
                    data3: [123, 456, 789]
                },
            },
        });
    }
}

原因是SDK6写法为

router.push({
    uri: 'pages/subView/index',
    params: {
        data1: 'message',
        data2: {
            data3: [123, 456, 789]
        },
    },
});

实现结果

image.png

image.png 这块踩坑不少,因为一直认为路径地址不就是URL嘛,怎么一直点击不生效,后台仔细看人家是uri(微笑脸)