微信小程序-自定义组件传参_微信小程序组件传参数组

作者：花生_TL007 | 2024-03-23 23:40:30

踩

微信小程序组件传参数组

自定义组件介绍

类似于vue或者react中的自定义组件

小程序允许我们使用自定义组件的方式来构建页面

类似于页面,一个自定义组件由json wxml js 4个文件组成的

可以在微信开发者工具中快速创建组件的文件结构,如图所示

在这里插入图片描述

在文件夹内 components/myHeader ,创建组件名为myHeader

在这里插入图片描述

首先需要在组件的 json 文件中进行自定义组件声明

myHeader.json

{
   
	"component":true
}
1
2
3
4

同时,还要在组件的 wxml 文件中编写组件模板,在 wxss 文件中加入组件样式

solt 表示插槽,类似vue中的slot

myHeader.wxml

<!-- 这是自定义组件的内部WXML结构 -->
<view class="inner">
 {
  {innerText}}
    <slot></slot1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/298435