使用自定义组件 -凯发app官方网站

更新时间：2022-05-16 18:10:40

贡献者

订阅更新

我的文档

设置

注意

：自定义组件的事件（如 ontap 等），并不是每个自定义组件默认支持的，需要自定义组件本身明确支持才能使用。

自定义组件的使用和基础组件类似。

在页面 json 文件中指定使用的自定义组件。

// /pages/index/index.json

{

"usingcomponents": {

"my-component": "/components/index/index"

}

在页面的 axml 文件中使用自定义组件，与使用基础组件类似。

<view>

<my-component name="tom" age="{{23}}"/>

view>

注意

：

●

使用自定义组件时，给自定义组件传递的属性可以在自定义组件内通过 this.props 获取，可查看

。

●

自定义组件只能在 page 自身的 axml 文件和组件自身的 axml 文件中使用，不能通过 import 或 include 使用。

正确示例

：

<my-component />

错误示例

：

<view>

hi, template

view>

引用自定义组件