Function vueRenderField

vueRenderField(
    tree: WalkedField,
    value: unknown,
    onChange: (v: unknown) => void,
    userResolver: VueComponentResolver | undefined,
    renderChild: (
        tree: WalkedField,
        value: unknown,
        onChange: (v: unknown) => void,
        pathSuffix?: string,
    ) => VNode,
    path: string,
    instanceWidgets?: VueWidgetMap,
    contextWidgets?: VueWidgetMap,
    depth?: number,
): VNode
Render a single walked field through the resolved widget / resolver / headless pipeline.

Thin Vue-flavoured wrapper around dispatchRenderField: it constructs a Vue-shaped DispatchConfig and returns the dispatcher's VNode output.
Parameters
- tree: WalkedField
  The walked field tree node to render.
- value: unknown
  The current value at this position.
- onChange: (v: unknown) => void
  Callback invoked when the field emits a change. For read-only renders (e.g. <SchemaView>) pass a noop.
- userResolver: VueComponentResolver | undefined
  User-supplied resolver, or undefined to use the headless resolver alone.
- renderChild: (
      tree: WalkedField,
      value: unknown,
      onChange: (v: unknown) => void,
      pathSuffix?: string,
  ) => VNode
  Recursive child renderer threaded through the VueRenderProps renderChild field.
- path: string
  Dot-separated structural path; non-empty.
- OptionalinstanceWidgets: VueWidgetMap
  Per-instance widget map (highest priority).
- OptionalcontextWidgets: VueWidgetMap
  Context-scoped widget map (middle priority).
- depth: number = 0
  Recursion depth used by the depth cap in dispatchRenderField.
Returns VNode
- Defined in packages/core/src/vue/renderField.ts:85

Function vueRenderField

Parameters

Returns VNode

Settings