VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

小程序中父组件和子组件之间如何传递值和方法调用?(方法总结)(微信小程序亲子组件传递值)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

小程序中父组件和子组件之间如何传递值和方法调用?下面这篇文章总结分享了微信小程序亲子组件的一些传递值的方法和调用方法,希望对大家有所帮助!

小程序中父组件和子组件之间如何传递值和方法调用?(方法总结)(微信小程序亲子组件传递值)

自定义组件封装注册一个选项卡组件。

在components文件夹下,创建一个tabs文件夹,单击右边的选项卡以查看新组件,然后单击新组件以成功注册。

1.png

组件使用

在需要使用该组件的页面的json页面上导入该组件,并将其用作wxml下的HTML标签。

2.png

什么是父组件什么是子组件?父组件是需要在页面中引入其他组件的组件,子组件是引入的组件。当父级将值传递给子级时,它通过属性传递值,子级通过方法将值传递给父级。

父组件将值传递给子组件。

父组件通过属性传递值。

通过属性接收子组件:

属性:{childparams: {type: string}}子组件调用父组件方法。

此方法也可以理解为子组件向父组件传递参数的一种方式。

父组件定义方法,其中childFun是子组件中的方法名,Fun是父组件中的方法名。我们通过chidlFun来寻找乐趣。

父组件方法:

child fun(e){ console . log(& # 39;我是父组件的方法& # 39;,e )}单击子组件的按钮执行clickFun时调用父组件的方法。

click fun(){ this . triggerevent(& # 39;童趣& # 39;);//如果需要传递参数,直接写在triggerEvent的参数中就可以了}父组件调用子组件的方法。

获取父组件的早期生命周期中的childEle元素。

on ready(){ this . child ele = this . select component(& # 39;# childEle & # 39);}父组件childF的click事件调用子组件的事件:

我是父组件的单击事件。父组件如何触发子组件?

ChildF(){ this . child ele . foo()}这里的foo是子组件的方法。

【相关学习推荐:小程序开发教程】

以上是小程序中如何在父组件和子组件之间传递值和方法调用。(方法总结)更多详情请关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:小程序中父组件和子组件之间如何传递值和方法调用?(方法总结)(微信小程序亲子组件传递值) https://zhujicankao.com/105685.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 小程序中父组件和子组件之间如何传递值和方法调用?(方法总结)(微信小程序亲子组件传递值)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!