В настоящее время я пытаюсь освоить vue.js и пытаюсь создать форму, которая создается динамически.
В деталях, у меня есть файлы json, которые определяют, какие типы ввода будут помещены в эту форму; сейчас я пытаюсь понять, как я мог реализовать это в vue.js.
Например, когда я получил данные json, мне нужно было указать тег select с различными параметрами, при нажатии на конкретную опцию введите текстовые поля ввода или параметры на основе данных json в форме.
Я предполагаю, что именно здесь могут появиться компоненты, но как я могу их динамически визуализировать и как я могу включить это, не имея тонны шаблонов в моем html. v-для?
Приведена рабочий пример, сделанная в настоящее время, с которой много проблем.
https://jsfiddle.net/ahnu5zz9/
Мне нужно отправить данные как
rules : [{
name:null,
section:null,
data : [{head:null,value:null}]
}],
Есть ли способ после моего первого выбора разделить поле ввода на компоненты в vue.js и вызвать компоненты на основе выбора?
Итак, когда я выбираю 1-й вариант индийского акта 1931 года, появляется поле ввода оружия (если есть). Так что в этом случае мне нужна моя v-модель как bok.data[0].head.arms (если есть). В следующем случае, когда я выберу вариант 2. появится поле с количеством, поэтому мне нужно отправить данные как bok.data[0].head.qty.
В третьем случае 1 выберите ker, в раскрывающемся списке появятся как wild, так и enc. При нажатии на это появляется другое поле ввода. Когда нажимаю wild, появляется qty и item. Итак, мне нужно отправить эти значения как bok.data[0].value.qty и bok.data[0].value.item.
Кроме того, мне нужно иметь несколько вариантов выбора для wild и enc. Я могу выбрать как wild, так и enc с помощью multiple = "".
Я СПРАШИВАЮ ОБ ЭТОМ В ПОИСКАХ ОТВЕТА. Я попросил его из другого аккаунта, но никто мне не помог .. Пожалуйста, помогите мне .. Нужна помощь. Я новичок, пожалуйста, помогите мне .. или, пожалуйста, дайте контакт любого, кто может мне помочь ..
вы можете создать компонент для каждого из ваших подполей
@madalinivascu, не могли бы вы помочь мне .. не могли бы вы предоставить мне решение
@ Адам, я знаю, что это нехорошо, не могли бы вы помочь мне, сэр,



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Измените свой ввод на
<input type = "text" class = "form-control" v-model = "bok.data[0][all3.name]">
демонстрация или же
<input type = "text" class = "form-control" v-model = "bok.data[0]['value'][all3.name]">
data : [{head:null,value:{}}]
сэр, спасибо за помощь. мне также нужно несколько вариантов выбора для wild и enc .. как это тоже
затем вы делаете что-то вроде bok.data[0]['value'][0][all3.name] и меняете определение данных на data : [{head:null,value:[{qty:null,item:null}]}]
сэр, на самом деле я имею в виду <select class = "form-control" v-model = "bok.data [0] .head" name = "rule" @ change = "setRule (bok)" multiple = ""> <option value = "" selected disabled disabled hidden> Выберите "Тип" здесь </option> <option v-for = "pl in bok.allen1" v-bind: value = "pl.refId"> {{pl.name}} </option> < / выбрать>
проверено, но в это время поля ввода не загружаются в скрипт
можешь проверить пожалуйста
привет сэр, вы проверили
Сэр, также как я могу «создать компонент для каждого из ваших подполей». Если можете, предоставьте мне решение, используя этот
сэр, пожалуйста, проверьте, при каждом щелчке в поля ввода добавляются
@Soul да, они есть, если вам нужно несколько выбранных вариантов, они это сделают
нет, сэр, просто проверьте, он продолжает добавлять. когда я нажимаю дикий и снова дикий, поля ввода продолжают добавлять
да, я знаю, что они продолжают добавлять, потому что у вас есть множественный выбор, вы должны найти способ добавить только один раз, примите этот ответ, если он ответил на ваш вопрос, и отправьте другой, если у вас все еще есть другие проблемы, спасибо
«Я спросил это из другой учетной записи, но никто мне не помог» - создание нескольких учетных записей, чтобы задать один и тот же вопрос, совершенно бесполезно.