本文 我们来说两个page界面间的数据传递
路由跳转 router.pushUrl 之前我们用了不少了 但是我们只用了它的第一个参数 url
其实他还有个params参数
我们第一个组件可以编写代码如下
typescript
import router from '@ohos.router'
@Entry
@Component
struct Index {
build() {
Row() {
Column() {
Button("跳转").onClick(()=>{
router.pushUrl({
url: "pages/AppView",
params: {
name: "小猫猫",
age: 20
}
})
})
}
.width('100%')
}
.height('100%')
}
}
这里 我们button按钮设置点击事件 调用 router.pushUrl 跳转向 pages/AppView 页面
然后第二个参数 params 是一个对象 键值对 就是我们要传递给下一个界面的参数
我们第二个界面这样写
typescript
import router from '@ohos.router'
let name:string = router.getParams()["name"]
let age:number = router.getParams()["age"]
@Entry
@Component
struct AppView {
build() {
Row() {
Column(){
Text(name)
Text(""+age)
}
.width('100%')
}
.height('100%')
}
}
通过 router.getParams 就可以取到上一个界面传过来的值 然后 后面一对数组括号 告诉它你要取哪个字段
然后 我们用text组件展示内容 因为text 不能用数字 所以我们要用 字符串加的方式 将age转存字符串类型的
我们开启预览模式 运行index组件
然后点击按钮
跳转后 第二个界面也就顺利的拿到了传过来的参数