微信小程序创建组件以及父传子、子传父内容

微信小程序创建组件以及父传子、子传父内容,第1张

一、小程序创建组件过程

1、首先创建一个components目录,下面放文件(组件文件)

2、创建两个组件文件(Listitem和lunbo)

3、在pages文件夹json文件里面,进入对应的模块内引用Listitem和lunbo组件

4、在wxml文件中使用标签属性来引入组件

自定义组件中和页面中的class名重名,是不会产生冲突的;

页面中的class和自定义组件中的class重名;同样不会产生冲突;

二、父传子:

三、子传父:

子组件绑定事件handle事件(bindtap=“handle”)

创建组件的方法:

步骤一

在小程序项目中添加一个components文件夹,里面存放自定义的组件,然后在components目录下新建一个customComponent文件夹,文件夹可以命名为自定义组件名字相关,用来存放自定义的组件。

在这个文件夹右键,选择新建组件,输入组件名,一个自定义组件由 json, wxml, wxss, js4个文件组成,此时将自动生成这四个文件。

步骤二

接下来进行组件的相关配置:

首先需要在 json 文件中进行自定义组件声明(将component 字段设为 true 可这一组文件设为自定义组件

步骤三

引用组件:

在父级中:“useingComponents”:{

“命名”:“子级路径”,

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11236383.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存