微信小程序自定义组件以及组件传值

233 阅读1分钟

实现一个简单的自定义组件:

步骤一

在小程序项目中添加一个components文件夹,里面存放自定义的组件,然后在components目录下新建一个customComponent文件夹,文件夹可以命名为自定义组件名字相关,用来存放自定义的组件。 在这个文件夹右键,选择新建组件,输入组件名,一个自定义组件由 json, wxml, wxss, js4个文件组成,此时将自动生成这四个文件。

步骤二

接下来进行组件的相关配置:
首先需要在 json 文件中进行自定义组件声明(将 component 字段设为 true 可这一组文件设为自定义组件)

步骤三

引用组件

图片.png

图片.png

组件和页面区别

图片.png

图片.png

图片.png

图片.png

图片.png

组件传值:

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png

图片.png