微信小程序传数据给自定义组件

有时候在项目中使用自定义组件&＃xff0c;但是又要使组件在不同页面中展示不同的数据或者样式&＃xff0c;这个就要传数据给组件来进行使用。
ps:传送门—微信小程序自定义组件的使用&＃xff08;顶部、底部菜单组件&＃xff09;

这边以自定义导航栏的切换为例。

在wxml里使用组件

<view><navbar check-id&＃61;"1">navbar>...
view>


check-id就是改变样式的数据&＃xff0c;在“第一”页面为1&＃xff0c;导航栏“第一”就切换选中状态&＃xff0c;以此类推&＃xff0c;“第二”页面的check-id就是为2.
然后在自定义组件的js里&＃xff0c;有一个组件的属性列表

properties: {checkId:Number
}


要传的数据为数字就为Number&＃xff0c;字符串就为String等等。
组件的属性列表要用到“驼峰”命名法&＃xff08;在自定义组件的js里&＃xff09;&＃xff1b;然后在使用组件的wxml里&＃xff0c;使用的自定义名称要用“-”隔开&＃xff0c;并且在自定义组件的js里&＃xff0c;“-”后面的首个字母必须大写。

最后&＃xff0c;如果我的笔记对您有帮助&＃xff0c;请给我一个赞~ 谢谢&＃xff01;