小程序中自定义组件、父子传值的具体步骤(秒懂)

时间:2024-11-15 13:00:14

最近又小伙伴问我怎么在微信小程序中怎么进行自定义组件传值,天天用没总结,今天有时间总结一下 ,小程序中的父子传值,分开步骤后其实很好理解,与vue有非常相似指出  但有几个区别要记住,不然可能什么也出不来...????????????

1、先创建子组件的文件 :↓

 

2、在子组件的json中写(必须写,不写出不来)❗

 

3、在父组件的json文件中的 usingComponents 属性中引入组件

 

4、在父组件的子组件标签上自定义属性

【tabs=“{{tabs}}”就是传递的数组 currIndex=“{{currIndex}}”传递的下标】

【bind事件名=“事件函数”】

 

5、在子组件中接收数据并处理函数:与vue有相似之处 :vue使用prop,小程序使用properties接收

注:要使用Component ({里面是逻辑})、事件要写在mothos中

 

6、在父组件中接收子组件传递的index---->,最后将父组件的index重新赋值

 

简单明了,是不是一看就明白了,如果对你有帮助记得收藏哦....