怎么在微信小程序中自定义组件传值

  介绍

怎么在微信小程序中自定义组件传值?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

首先,在页面中定义组件,json文件中记得加上:

{   ,“usingComponents": {   ,“user-btn":“/页/组件/用户信息/userInfo"   ,}   },

然后,index.wxml ~

索引。wxml

…   & lt; user-btn 显示=皗{userShow}}“,绑定:showTab=皊howTab"祝辞& lt;/user-btn>   …

到了组建:

//,与页面衔接,触发页面中的方法并传数据   this.triggerEvent (& # 39; showTab& # 39;,, res.data);

<代码> res.data>

回到索引。js,他的showTab方法~

, showTab:函数(e) {   console.log才能(& # 39;却;能够is  showtabBar& # 39;);   console.log才能(e.detail);   },

那么这个<代码> e.detail> res.data>

当然要想从页面中带数据到组件:

譬如刚刚index.wxml中的节目,在页面中的index.js可以随意控制userShow的值:

索引。wxml

…   & lt; user-btn 显示=皗{userShow}}“,绑定:showTab=皊howTab"祝辞& lt;/user-btn>   …

然后在组建中,便可以这样取到我们从页面中传入的值。

,属性:,{,//对外属性,即如果外部的wxml文件传入数据时,会把数据设置成属性的属性   ,& # 39;显示# 39;:{   类型:布尔,才能   价值:才能& # 39;& # 39;   观察者:才能,function  (newVal, oldVal), {   console.log才能(newVal)   ,,}   },   },   ,准备好:函数(){   ,console.log (this.properties);   },

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

怎么在微信小程序中自定义组件传值