以编程方式访问 svelte 中道具的价值

Question

我有一个以编程方式实例化的组件，如下所示：

const form = new FormElement({
   target: options.el,
   props: { ...options },
});

如何获取道具的价值？类似 form.props.editable、form.$get('editable') 或类似的

非常感谢

Answer 1

您似乎需要设置 accessors 选项或从组件中导出 function/object：

<!-- In the component -->
<svelte:options accessors />

直接访问form.editable。

您还可以从包装任何道具的脚本块中导出 functions/object，例如

export function getEditable() { return editable }
export const api = {
    get editable() { return editable; },
};

也可以直接调用(form.getEditable()/form.api.editable).

programatically access the value of a prop in svelte