学习旧岛小程序（2）自定义组件

时间：2019-07-28 20:19:43 阅读：145 评论：0 收藏：0 [点我收藏+]

(1) 新建组件

(2)引用组件

在引用的组件的 .json 添加配置

{

"usingComponents": {

"like-cmp": "/components/like/index",

}

"/components/like/index" : 组件的路径

组件的路径要使用绝对路径不然会报错比如：Component is not found in path "pages/classic/components/like/index" (using by "pages/classic/classic")

相对路径会找到使用组件的同级组件中去

使用相对路径定义组件的路径：

"../../components/like/index"

"../../components/like/index" 在小程序中相当与 "/components/like/index",

.. 表示返回上级目录

"like-cmp" ：组件的别名

usingComponents 接收一个对象

{

"key":"value",

}

key 组件的别名制订组件的规范

value 组件的路径

(3)使用组件

使用组件.wxml

<like-cmp/>

（4)图片

自定义组件的图片可以放到自定义组件的目录下不须放到大目录下的images 文件夹

原文地址：https://www.cnblogs.com/guangzhou11/p/11260314.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行

学习旧岛小程序 （2） 自定义组件