鸿蒙：this传递参数到子组件中无法实现

最新推荐文章于 2024-11-27 23:38:46 发布

S妖O风F

最新推荐文章于 2024-11-27 23:38:46 发布

阅读量439

点赞数 1

文章标签：鸿蒙

本文链接：https://blog.youkuaiyun.com/SOOOOOF/article/details/140095451

版权

this指代当前组件的某个变量，当把这个变量当作参数传递给子组件时，子组件中没有这个变量，属于使用不了这个变量

解决方法：在变量后面加.bind(this)将当前组件的变量一起绑定过去

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

S妖O风F

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HarmonyOS：自定义父子组件之间如何进行事件传递以及解决this指向问题

luxingxing1的博客

07-18

1779

在父组件中初始化子组件时，将父组件中定义的方法，传递给子组件，在子组件中调用该方法

【鸿蒙实战开发】组件间的数据传递

HarmonyOS_002的博客

07-09

3392

这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）技术知识点。

参与评论您还未登录，请先登录后发表或查看评论

鸿蒙-怎么改变this指向

m0_51170428的博客

08-08

276

1.用箭头函数，箭头函数不绑定自己的this，它会捕获其所在上下文的this值作为自己的this值。2.用bind函数进行绑定，在arkts中限制了bind的使用，在使用bind时会有警告。

鸿蒙NEXT开发【记录利用bind(this)解决报错SourceMap is not initialized yet】

houxiliOH的博客

10-08

501

在使用第三方上拉下拉刷新组件时，调用全局封装的空布局组件会报错。

【ES6】Class中this指向

qq_22744093的博客

09-04

1063

先上代码：${输出：${输出：${调试界面，this显示undefined，在单独调用时，this的指向是undefined。在单独调用的场景下，要如何才能解决该问题呢？下面给出两种种比较简单的解决方法。

鸿蒙应用开发之CustomeDialog弹窗中this指向问题

小洋人最happy的专栏

01-22

1395

页面，选择银行卡支付时，首先弹。中的this，因此会抛出异常。输入验证码且校验成功后，弹。再次运行尝试，解决，搞定~

鸿蒙开发组件之间的传值

qq_33067629的博客

05-21

1912

鸿蒙开发组件中传值

鸿蒙Harmony开发：应用组件间的通信原理规范

2401_84917132的博客

08-25

1384

ETS 组件间通信是通过组合不同的装饰器来实现数据在各个组件之间的单向/双向传递。

探索鸿蒙（HarmonyOS）：AbilitySlice间导航和传递参数

07-03

在鸿蒙操作系统（HarmonyOS）中，AbilitySlice是应用的主要执行单元，它相当于Android中的Activity或Fragment。本文将深入探讨如何在不同的AbilitySlice之间进行导航以及如何在导航过程中传递参数，这对于构建鸿蒙OS...

HarmonyOS应用三之组件生命周期和参数传递

zouyang920的博客

08-14

426

首页跳转第二页时通过router.pushUrl中的routerParams来传递参数。第二页可以通过router.getParams().src来拿传递过来的值，展示到页面。

鸿蒙开发之组件间方法传递（方法回调）

Lu_Ca的博客

03-01

4716

目前使用的方式有两种，一种是父子组件方法传递，一种是系统提供的emitter。

鸿蒙ArkTS Web组件加载空白的问题原因及解决方案

水墨熊猫

12-13

3914

初学鸿蒙开发，按照官方文档Web组件文档示例中的代码照抄运行后显示空白，纠结至于多方搜索后扔无解决方法。

如何使用命令行对RK开发板进行OpenHarmony版本烧录？

m0_64420071的博客

03-29

1781

开发版烧录

鸿蒙第四次学习

m0_52665223的博客

07-02

332

自定义组件是用户根据业务需求，将已有的组件组合，封装成的新组件，可以在工程中多次调用，从而提高代码的可读性。自定义组件通过element引入到宿主页面，使用方法如下：结合if-else使用自定义组件的示例： name属性指自定义组件名称(非必填)，组件名称对大小写不敏感，默认使用小写。src属性指自定义组件hml文件路径(必填)，若没有设置name属性，则默认使用hml文件名作为组件名。事件绑定：自定义组件中绑定子组件事件使用(on|@)child1语法，子组件中通过this.$emit

【鸿蒙】鸿蒙开发过程中this指向问题

tatasix的博客

11-27

1784

在 TypeScript 开发中，尤其是在使用面向对象编程（OOP）或基于组件的框架（如 React 或 HarmonyOS）时，this 的指向问题是一个常见且容易引发错误的挑战。本文将深入探讨 this 的绑定机制，并通过一个实际案例，展示如何在 TypeScript 中正确处理 this 的指向问题。

鸿蒙开发笔记(四):自定义组件常用装饰器 @Builder @BuilderParam @Styles @Extend及stateStyles

Waruler的博客

01-16

4116

鸿蒙开发中自定义组件中常用的装饰器: @Builder @BuilderParam @Styles @Extend 及stateStyles

2024年HarmonyOS鸿蒙最全软考高级之信息系统案例分析七重奏-《3》(1)，腾讯面试gm

2401_84853495的博客

05-08

598

5、配置审计；6、发布管理和交付。

HarmonyOS/OpenHarmony应用开发-ArkTS语言声明式UI描述

weixin_69135651的博客

06-05

1291

HarmonyOS/OpenHarmony应用开发-ArkTS语言声明式UI描述

鸿蒙NEXT版实战开发：UI框架-使用BuilderParam在父组件调用this的方法报错：Error message:is not callable

qq_39652397的博客

11-19

454

子组件Child中有一个@BuilderParam参数，在父组件中使用子组件时将父组件中的builder函数传入子组件中。

鸿蒙tabs组件切换时调用子组件中方法

最新发布

02-19

### HarmonyOS 中 Tabs 组件切换时调用子组件的方法在 HarmonyOS 的开发环境中，`Tabs` 和 `TabContent` 是紧密关联的一对容器组件。为了实现页面切换的同时调用特定于当前选中标签页内的子组件方法，可以采用事件监听机制以及父子组件间的通信模式。 #### 使用事件绑定与回调函数通过给 `Tabs` 设置点击事件处理器，在每次发生标签栏项被激活的情况下触发相应的逻辑处理流程。此时可以通过传递参数的方式通知目标 `TabContent` 执行其内部定义好的操作： ```javascript // 定义父级组件内用于存储各个 Tab 对应的操作函数的对象字典 const tabActions = { 'home': () => console.log('Home page action'), 'profile': () => console.log('Profile page action') }; @Entry @Component struct MainPage { @State selectedIndex: number = 0; build() { Column() { Tabs({ selectedIndex: this.selectedIndex, onChange: (index) => { this.selectedIndex = index; Object.keys(tabActions)[index] && tabActions[Object.keys(tabActions)[index]](); }}) { TabContent() { /* Home content */ }.tabIndex(0) TabContent() { /* Profile content */ }.tabIndex(1) } } } } ``` 此代码片段展示了如何利用 `onChange` 属性来响应用户的交互行为并执行预设的动作[^2]。 #### 利用双向数据绑定特性简化编程模型如果希望进一步优化用户体验，则可以在设计之初就考虑好各模块之间的依赖关系，并借助框架所提供的状态管理能力自动同步不同部分间的数据变化情况。这样不仅能够减少不必要的重复编码工作量，还能有效提升应用的整体性能表现。对于更复杂的场景而言，还可以探索使用 Vuex 或类似的全局状态管理模式来进行跨层级的消息传递和服务共享[^4]。