自定义一个微信小程序组件

196 阅读1分钟

创建

自定义组件的文件结构

  • 组件的文件结构也是以下四个文件构成:
  • .wxml
  • .wxss
  • .js
  • .json

新建组件

  • 在需要创建组件的文件上,新建一个components文件夹
  • 在conponents文件夹里面创建一个自定义组件的文件夹,以便区分不同的组件
  • 右键自定义组件的文件夹,点击新建Component

Snipaste_2022-05-03_19-50-30.png

Snipaste_2022-05-03_19-48-29.png

注册

  • 在需要用到组件的页面注册组件
  • 找到页面的json文件
  • 注册

Snipaste_2022-05-03_19-56-23.png

引入

  • 在目标页面的wxml文件中直接使用
  • 自定义组件名可以当成标签来使用

Snipaste_2022-05-03_19-58-23.png