Я пытаюсь выполнить условный рендеринг средства выбора даты в ретрансляторе formkit. Мне неясно, как мне получить узел на дочернем элементе.
$index должен быть доступен всем детям репертера согласно документам. Спасибо за вашу помощь!
Смотрите детская площадка
<script setup>
import { FormKitSchema } from "@formkit/vue";
import { ref, computed } from "vue";
const schema = [
{
$formkit: 'repeater',
name: 'users',
children: [
{
$formkit: 'text',
name: 'email',
// $index is available to children.
label: 'Email',
},
{
$formkit: "checkbox",
name: "hasDate",
label: "Has date?",
},
{
$formkit: 'datepicker',
name: 'date',
if: '$users[$index].$hadDate'
}
],
}
];
const data = ref();
const handleSubmit = () => alert("Valid submit!");
</script>
<template>
<FormKit type = "form" v-model = "data" @submit = "handleSubmit">
<FormKitSchema :schema = "schema" :data = "data" />
</FormKit>
<pre>
{{ data }}
</pre>
</template>





Используйте $value, чтобы получить текущее значение элемента. В вашем случае правильное значение подполя выбора даты if: '$value.hasDate'.
Обновленная детская площадка.