HarmonyOS开发DecEco Studio页面跳转

这篇具有很好参考价值的文章主要介绍了HarmonyOS开发DecEco Studio页面跳转。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、pages创建新页面
在index.ets增加路由:
import router from ‘@ohos.router’; //页面路由跳转

import router from '@ohos.router';
let msg:string='Index 页面传来的数据';		//数据

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Button('Exit')
          .width('80%').height(40)
          .onClick(()=>{
            router.push({
              url:'pages/Second',
              params:{				//在router.push方法时传递src数据
                src:msg,
              }
            });
          })
      }
      .width('100%').height(140)
    }
    .height('100%')
  }
}

router.push()执行跳转
url:‘pages/Second’, //页面途径
params:{
src:msg, //传递数据
文章来源地址https://www.toymoban.com/news/detail-598446.html

import router from '@ohos.router';


@Entry
@Component
struct Second {
  @State message: string = 'Hello World'
  @State src:string = router.getParams()?.['src'];				//获取传递的数据
  build() {
    Row() {
      Column() {
        Text(this.message)			//创建字体
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Text(this.src)			//创建字体  展示传递的数据
          .fontSize(20)
          .fontColor(Color.Red)			//字体颜色
      }
      .width('100%')
    }
    .height('100%')
  }
}```

到了这里,关于HarmonyOS开发DecEco Studio页面跳转的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:编译构建概述

    目录 OpenHarmony构建体系 构建工具Hvigor 构建插件hvigor-ohos-plugin 工程目录及配置文件说明 如何构建应用/服务 启动应用/服务构建 查看编译过程

    2024年02月22日
    浏览(70)
  • HarmonyOS应用开发工具DevEco Studio安装与使用

    语雀知识库地址:语雀HarmonyOS知识库 飞书知识库地址:飞书HarmonyOS知识库 知识库内容逐步完善中… 工欲善其事必先利其器,要编写HarmonyOS应用就需要用到官方提供的IDE工具来编写相应的代码。 在鸿蒙开发者官网,其提供了官方的开发IDE——DevEco Studio(最新版本3.1.1 Release)

    2024年02月19日
    浏览(64)
  • HarmonyOS应用开发-第一章-DevEco Studio的安装

            本栏可以帮助正在学习HarmonyOS应用开发的开发者快速上手和掌握。         首先下载DevEco Studio(HarmonyOS应用的集成开发境),点击:IDE下载页面,点击立即下载。         下载完成后,双击运行安装程序,进入安装向导。         随后一直点击 \\\"Next\\\" 直到安装完成

    2024年02月17日
    浏览(49)
  • HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:使用低代码进行开发

    OpenHarmony低代码开发方式,具有丰富的UI界面编辑功能,遵循JS、TS开发规范 ,通过可视化界面开发方式快速构建布局,可有效降低用户的时间成本和提升用户构建UI界面的效率。 说明 支持使用低代码进行JS/eTS页面开发,本章节以开发eTS页面为例,介绍低代码功能及使用方法。

    2024年02月19日
    浏览(65)
  • HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:创建OpenHarmony工程

    目录 创建和配置新工程 将原子化服务工程改为应用工程 当开始开发一个OpenHarmony应用/服务时,首先需要根据工程创建向导,创建一个新的工程,工具会自动生成对应的代码和资源模板。 说明 在运行DevEco Studio工程时,建议每一个运行窗口有2GB以上的可用内存空间。 通过如下

    2024年01月25日
    浏览(66)
  • DevEco Studio开发工具下载、安装(HarmonyOS开发)_For Mac

    初学HarmonyOS开发,DevEco Studio开发工具的安装和使用是必须的。 (注:不多废话,跟着下面流程操作下载、安装DevEco Studio即可。) 1.官网下载地址: https://developer.harmonyos.com/cn/develop/deveco-studio 2. 进入官网,选择 “开发” —— “ 应用开发 ” —— “ DevEco Studio ” 3. 找到下载

    2024年02月05日
    浏览(60)
  • HarmonyOS开发:解决DevEco Studio低版本导入高版本项目运行失败问题

    基于 DevEco Studio 4.0 Beta2,hvigorVersion为3.0.2 ,开发了一个项目,上传到了远程仓库,当同事下载后,却始终无法运行,频繁报错,由于API都是使用的9,第一感觉就是开发环境不同,于是,让其发来了他的开发环境, DevEco Studio 3.1.1 Release,hvigorVersion为2.4.2 ,果然是环境不同

    2024年02月05日
    浏览(54)
  • 适用HarmonyOS 3.1版本及以上的应用及服务开发工具 DevEco Studio 3.1.1 Release 安装

    1.下载安装包 传送门 打开后往下滑动寻找对应版别下载 选择对应的平台下载安装 下载之后,双击运行按照提示安装即可,这里不做赘述了 (windows可以修改一下安装路径到c盘外) 2.安装成功后,初次运行studio 第一次进来要配置一些环境 2.1 配置node与ohpm的环境 我本地已经安

    2024年02月13日
    浏览(71)
  • DevEco Studio 鸿蒙(HarmonyOS)项目结构

    DevEco Studio 鸿蒙(HarmonyOS)项目结构 一、操作环境 操作系统:  Windows 10 专业版 IDE:DevEco Studio 3.1 SDK:HarmonyOS 3.1 二、项目结构 创建简单的Hello World移动应用项目结构如下图 由上到下说明各个文件夹的作用 .hvigor :存储构建配置文件信息。 .idea: 存储项目的配置信息。 AppScope :

    2024年02月04日
    浏览(55)
  • HarmonyOS学习 第2节 DevEco Studio工程介绍

    工程配置页 界面布局介绍 代码编辑区、通知栏、工程目录区、预览区 再次切换到 Project 在右侧Previewer,点击打开 本来想着运行到测试机,结果报错了,版本不匹配;测试机3.0鸿蒙版本;只能用自带模拟器了。

    2024年02月04日
    浏览(87)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包