English 中文(简体)
表格中的条件
原标题:Conditional Node In Formkit Repeater

我试图有条件地把一个日期拖车放在一个装机箱中。 对我来说,我不清楚我为什么要让孩子们 no。

。 应为每一次复读室的所有儿童提供有效服务:https://formkit.com/inputs/repeater#schema-example”rel=“nofollow noreferer”>docs。 感谢你们的帮助!

See playground

<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>
问题回答

使用<代码>价值,以获得现值。 如果是的话,日皮克分菲尔德的正确价值是:<代码>美元价值。 日期:。

百分比





相关问题
how to route with meta data in vue route

I am using vue-router to route my app.I want to route with some meta data.I have this in my index.js for route config. { path: /column/:id , name: columnDetail , meta: { ...

Vue3 webcam typescript support

i m looking for component webcam for my vue3 project, currently i found https://www.npmjs.com/package/vue-camera-lib this package, but the problem is this package don t support typescript, i got this ...

Problem with publishing tools is laravel nova

Laravel 10, nova 4.25.1. I have a problem with publishing tools. I create according to the documentation. I register in the provider, specify in fields, run npm run dev, prod, watch. Nothing helps and ...

Vue3 Cleave js not working if not using v-model.lazy

Currently i try to use cleavejs to formatting thousand separator my input number, it s show strange behavior when i input 1000.123 it show 1,000.12 which is correct format, but my v-model value is ...

热门标签