Yew VNode 结构

本模块包含获取所有 VNode 结构的实现。这对于测试和调试很有用。例如，我们想了解这个 VNode 包含什么

let example = html! {
    <div id="example">{"example"}</div>
};

现在我们使用 VNodeStruct 获取完整的 Vnode 按钮，并记录结果

let vnode_example = VNodeStruct::new(example);

console.log(&format!("{:#?}", example));

我们将在控制台获得以下内容

VNodeStruct {
    vtag: Some(
        VTagStruct {
            reference: None,
            attributes: {
                "id": "example",
            },
            classes: Classes {
                set: {},
            },
            value: None,
            kind: None,
            checked: false,
            node_ref: NodeRef(
                RefCell {
                    value: NodeRefInner {
                        node: None,
                        link: None,
                    },
                },
            ),
        },
    ),
    vlist: None,
    vtext: None,
    vcomp: None,
    vref: None,
    children: Some(
        [
            VNodeStruct {
                vtag: None,
                vlist: Some(
                    VList {
                        children: [
                            VText { text: example },
                        ],
                        elide_placeholder: true,
                    },
                ),
                vtext: None,
                vcomp: None,
                vref: None,
                children: Some(
                    [
                        VNodeStruct {
                            vtag: None,
                            vlist: None,
                            vtext: Some(
                                VText { text: example },
                            ),
                            vcomp: None,
                            vref: None,
                            children: None,
                        },
                    ],
                ),
            },
        ],
    ),
}

运行单元测试

cargotest

许可协议

Spiel Request 是 MIT 许可协议。请参阅 许可