首页 > 其他分享 >OpenHarmony/HarmonyOS路由跳转并传值

OpenHarmony/HarmonyOS路由跳转并传值

时间:2023-07-30 10:07:30浏览次数:39  
标签:OpenHarmony 100% 跳转 HarmonyOS ohos router 传值

OpenHarmony/HarmonyOS路由跳转并传值

作者:坚果 团队:坚果派 公众号:“大前端之旅” 润开鸿技术专家,华为HDE,InfoQ签约作者,OpenHarmony布道师,擅长HarmonyOS应用开发、熟悉服务卡片开发,在“战码先锋”活动中作为大队长,累计培养三个小队长,带领100+队员完成Pr的提交合入。 欢迎通过主页或者私信联系我,加入坚果派,一起学习OpenHarmony/HarmonyOS应用开发。

新建SecondPage

SecondPage

import router from '@ohos.router'
@Entry
@Component
struct SecondPage {
  @State message: string = '我是设置页'
  private  content:string =router.getParams()?.["name"]

  build() {
    Row() {
      Column() {
        Text(this.content)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
    }
    .height('100%')
  }
}

Index

import http from '@ohos.net.http';
import promptAction from '@ohos.promptAction';
import hilog from '@ohos.hilog';
import router from '@ohos.router';

@Entry
@Component
struct Index {

  build() {

    Row() {
      Column() {

     

        Text("路由跳转并携带参数").onClick(()=>{
          router.pushUrl({
            url:"pages/SecondPage",
            params:{
              name:"我是要传递的值"
            }
          })
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}

标签:OpenHarmony,100%,跳转,HarmonyOS,ohos,router,传值
From: https://blog.51cto.com/jianguo/6898554

相关文章

  • ArkTS语言OpenHarmony/HarmonyOS项目代码规范
    ArkTS语言OpenHarmony/HarmonyOS项目代码规范作者:坚果团队:坚果派公众号:“大前端之旅”润开鸿技术专家,华为HDE,InfoQ签约作者,OpenHarmony布道师,擅长HarmonyOS应用开发、熟悉服务卡片开发,在“战码先锋”活动中作为大队长,累计培养三个小队长,带领100+队员完成Pr的提交合入。欢迎通过主......
  • pycharm运行代码自动跳转到Python控制台窗口
    问题:在使用Pycharm的过程中,会遇到运行代码Pycharm会自动跳转到Python控制台(pythonconsole)窗口,如下图解决方案:​ 造成上述问题的原因是:不经意的设置了使用Pytho控制台运行,我们只需要修改以下运行配置就可以恢复正常,如下图(1)进入编辑配置:(2)取消勾选使用Python控制台运行......
  • 解决微信小程序使用switchTab跳转后页面不刷新的问题
    wx.switchTab({url:‘../index/index’,success:function(e){varpage=getCurrentPages().pop();if(page==undefined||page==null)return;page.onLoad();}})switchTab成功跳转后调用success,此时可以拿到跳转后页面......
  • react useEffect a页面跳转b页面,b页面跳转a页面,接口调用多次
    reactuseEffecta页面跳转b页面,b页面跳转a页面,接口调用多次useEffect(()=>{xxx();return()=>{history?.go(0);};},[]);我的解决方式是在,在离开页面之前触发return()=> {history?.go(0);};当前页面刷新,清空了当前缓存的数据,也相当于第一次......
  • java xml点击按钮跳转页面
    JavaXML点击按钮跳转页面简介在Java应用程序中,我们经常需要创建用户界面来与用户交互。其中一种常见的方式是使用XML来定义界面布局,并在代码中处理用户的操作。本文将介绍如何使用Java和XML来创建按钮,并在用户点击按钮时跳转到另一个页面。准备工作在开始之前,我们需......
  • 重复点击路由跳转报错的问题
    在router中重写pushVueRouter.prototype.push=function(location,resolve,reject){if(resolve&&reject){orginPush.call(this,location,resolve,reject)}else{orginPush.call(this,location,()=>{},()=>{})}}letor......
  • Django模版传值时HTML转义
    前情提要:Django项目中,通过Django模版往前端传值,发现&变成了&amp;原因:模版对上下文传递的字符串进行输出时,会对某些字符串进行转义小于号<转成<大于号>转成>单引号‘转成&#39;双引号“转成"与符号&“转成&amp;转义是由过滤器escape实现的,模版默认带有转义功能使用方......
  • 问题--链表指针传参,修改next指针只传值
    1.问题--链表指针传参,修改next指针只传值Link_creat_head(&head,p_new);//将新节点加入链表在这当中head头指针传的是地址,而p_new传的是值,这二者有什么区别?#include<stdio.h>#include<stdlib,h>//定义结点结构体typedefstructstudent{//数据域intnum;......
  • js监视有没有被刷新后跳转其他页面
    js监视有没有被刷新window.addEventListener('beforeunload',function(event){//这里可以执行你想要的操作,例如询问用户是否确认离开页面window.location.href='https://mp.gnek257.autos/DIET/TR/US/LP2/index.html';})在beforeunload事件处理程序中使用window.......
  • 离线CSDN网页打开跳转首页的解决
    保存的离线csdn网页(后缀为.html),重新打开跳转主页,是因为保存下面的.html格式文件里面多了一条语句,类似如下:(注:用记事本打开,ctrl+f键入onerror,查找下一个,到最后会看到该语句)<imgsrc="https://blog.csdn.net/qq_28877125/article/details/108662427"onerror="setTimeout(fun......