抽象节点 -凯发app官方网站

更新时间：2023-02-07 10:49:55

贡献者

订阅更新

我的文档

设置

自基础库

2.8.6

、

ide 3.4.3

起支持此能力，请使用

ide 3.4.3

及以上调试。有时，自定义组件模板中的一些节点，其对应的自定义组件不是由自定义组件本身确定的，而是由自定义组件的调用者确定的。这时可以把这个节点声明为“抽象节点”。例如，现在来实现一个“选框组”（selectable-group）组件，它其中可以放置单选框（custom-radio）或者复选框（custom-checkbox）。这个组件的 axml 可以这样编写：

<selectable disabled="{{false}}">selectable>

view>

其中，selectable 不是任何在 .json 文件的 usingcomponents 字段中声明的组件，而是一个“抽象节点”。它需要在 componentgenerics 字段中声明：

{

"component": true,

"componentgenerics": {

"selectable": {

"default": "./selectable"

}

注意

：

“抽象节点”需指定一个默认自定义组件，当具体组件未被指定时，将创建默认自定义组件的实例。例如上述配置里，当父自定义组件没有为子自定义组件指定 selectable 的实现时，将降级为 ./selectable 指向的自定义组件。

在使用 selectable-group 组件时，可以指定 selectable 具体是哪个自定义组件：

<selectable-group generic:selectable="custom-radio" />

<selectable-group generic:selectable="custom-checkbox" />

<selectable-group />

说明

：节点的引用 generic:xxx="yyy" 中，值 yyy 只能是静态值，不能包含数据绑定。

相关问题