微信小程序组件学习笔记

[复制链接]
查看: 38   回复: 0     小程序

296

主题

296

帖子

1633

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1633
封面.jpg

微信开发文档地址:https://developers.weixin.qq.com ... figuration/app.html

简介

学习视频

全局注册:在 app.json 文件中配置 usingComponents 进行注册,注册后可以在任意页面使用

局部注册:在页面的json 文件中配置 usingComponents进行注册,注册后只能在当前页面使用

1.公共组件的技法

公共组件目录关键单词
components
公共组件注册实战截图

1.jpg
  "usingComponents": {
    "leftList":"./components/leftList/leftList"
  },
<text>左边列表</text>
  <leftList></leftList>
2.局部组件的技法


局部注册:

2.jpg


局部位置注册
{
  "usingComponents": {
    "leftList":"./leftList/leftList"
  }
}
组件内容
<!--pages/list/leftList/leftList.wxml-->
<text>商品侧边列表分类</text>
调用
<!--pages/list/index.wxml-->
<text>商品列表链接</text>
<view>
<leftList></leftList>

</view>

回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司