家具网站建设案例,营销师资格证,外贸网站营销方案,传统媒体网站建设具体参考#xff1a;华为官网学习地址
1、点击事件#xff0c;界面跳转
对于一个按钮设置点击事件#xff0c;跳转页面。但是onclick中#xff0c;如果pages前边加上“/”#xff0c;就没法跳转。但是开发工具加上“/”才会给出提示。不知道是不是开发工具的bug。#… 具体参考华为官网学习地址
1、点击事件界面跳转
对于一个按钮设置点击事件跳转页面。但是onclick中如果pages前边加上“/”就没法跳转。但是开发工具加上“/”才会给出提示。不知道是不是开发工具的bug。也是因为自己对于路径这些的使用规则不太清楚。代码如下
Button(测试光标, { type: ButtonType.Capsule }).width(200).height(50).backgroundColor(Color.Grey).fontColor(Color.Red).fontWeight(600).onClick(() {console.log(111111111111111111111111)router.push({url: pages/Listpage})})
上述是方式一 还有方式二 2、界面跳转携带参数
在第一个界面中给button添加点击事件携带参数代码如下。 在第二个界面中接收数据代码如下。其中src获取到的就是上一个界面传递过来的值。
import router from ohos.router;Entry
Component
struct Second {State src: string router.getParams()?.[src];// 页面刷新展示...
}
3返回上一个界面
返回上一个页面。
router.back();
返回到指定页面。也要注意“pages”前边没有”/“。
router.back({ url: pages/Index });
返回上一个页面时候是否弹出对话框提示需调用代码
router.enableBackPageAlert({message: Message Info
});
或者因版本不同api不同调用下方api
router.enableAlertBeforeBackPage({message: 确定返回
});
但是在点击事件中调用上代码并直接调用关闭方法页面如下代码时候不会弹出对话框。当注释关闭页面方法点击系统三角返回按钮时候可以弹出对话框。原因需要继续学习查找。
router.back();//关闭页面代码
4、返回上一个页面并携带数据
类似于Android的intent携带数据然后在上一个界面的onActivityResult方法中接收。
在第二个界面调用关闭界面方法的代码
router.back({url: pages/Index,params: {srcBack: Second页面传来的数据,}
})
在第一个界面接收数据的代码
import router from ohos.router;Entry
Component
struct Index {State src: string ; //生命接收变量onPageShow() {this.src router.getParams()?.[srcBack]; //接收传回来的数据}// 页面刷新展示...
}
然后再界面控件中显示获取到的数据代码如下
Text(this.srcBack).fontSize($r(app.float.text_size_one)) //获取的资源文件中文字的大小.fontWeight(800)
回显如下
