微信小程序- component 自定义组件及引用-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序- component 自定义组件及引用。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、自定义组件

1、根目录下创建一个 Components 文件夹

微信小程序usingcomponents,微信小程序,微信小程序,小程序

2、在 Components 文件夹中创建一个文件夹（文件夹名称为组件名称），例如组件名称为Myheader

微信小程序usingcomponents,微信小程序,微信小程序,小程序

3、点击Myheader 文件夹，右键选择新建Component，并命名为Myheader

微信小程序usingcomponents,微信小程序,微信小程序,小程序

4、在 Myheader.wxml 和 Myheader.scss 中写对应的内容

二、引用自定义组件

引用分为全局引用和单个页面引用

类型一：全局引用

1、在app.json中，用 usingComponents 属性引入组件

微信小程序usingcomponents,微信小程序,微信小程序,小程序

2.想在某个页面引入组件，则可在对应.wxml文件里用组件名称定义的标签，例如

< Myheader>< Myheader/>文章来源地址https://www.toymoban.com/news/detail-767143.html

类型二：单个页面引用

1、在对应页面的.json中，用 usingComponents 属性引入组件

微信小程序usingcomponents,微信小程序,微信小程序,小程序

2、在对应页面的 .wxml 文件里用组件名称定义的标签，例如

< Myheader>< Myheader/>

到了这里，关于微信小程序- component 自定义组件及引用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

微信小程序- component 自定义组件及引用

一、自定义组件

1、根目录下创建一个 Components 文件夹

2、在 Components 文件夹中创建一个文件夹（文件夹名称为组件名称），例如组件名称为Myheader

3、点击Myheader 文件夹，右键选择新建Component，并命名为Myheader

4、在 Myheader.wxml 和 Myheader.scss 中写对应的内容

二、引用自定义组件

类型一：全局引用

类型二：单个页面引用

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2

微信小程序- component 自定义组件及引用

一、自定义组件

1、根目录下创建一个 Components 文件夹

2、在 Components 文件夹中创建一个文件夹（文件夹名称为组件名称），例如组件名称为Myheader

3、点击Myheader 文件夹，右键选择 新建Component， 并命名为Myheader

4、在 Myheader.wxml 和 Myheader.scss 中写对应的内容

二、引用自定义组件

类型一：全局引用

类型二：单个页面引用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2

3、点击Myheader 文件夹，右键选择新建Component，并命名为Myheader