Использование NuxtJS (или VueJS) для работы с динамическими формами Django?
У меня есть Django сайт с Bootstrap стилизацией front-end. Основная функция сайта - показать форму, отправить отправку формы в Django View, и чтобы View вернул страницу вывода на основе информации в форме.
Форма довольно динамичная, с использованием jQuery. Когда выбирается одно конкретное выпадающее значение, другое поле может быть отключено. Когда выбрано другое значение выпадающего списка, он может скрыть div с дополнительными полями формы (и наоборот, он может снова скрыть div, если выбрано другое значение выпадающего списка)
Одной из главных особенностей, которую я сделал, является сохранение всех значений полей формы в БД, чтобы мы могли использовать определенный URL для получения именно этого ввода/вывода. Когда вводимые данные загружаются из базы данных, все те же jQuery выполняются, чтобы отключить, скрыть, показать различные части формы. И все это кажется каким-то хрупким или склонным к ошибкам
Все это преддверие к самому вопросу: Я изучаю NuxtJS. Есть ли какая-то особенность NuxtJS или паттерн разработки, который поможет мне с динамической загрузкой условной формы Django? Есть ли конкретные вещи, на которые я должен обратить внимание?
Nuxt не поможет вам напрямую в вашем случае, потому что он в основном приносит: SSR + DX goodies + производительность + Composition API и т.д... как показано здесь: https://v3.nuxtjs.org/
Между тем, возможно, стоит попробовать рефакто без jQuery, только код VueJS + ваш сервер Django, используемый в качестве API.
У вас будет много возможностей для повторного использования + динамические формы. Он будет более производительным, менее подверженным ошибкам и гораздо лучше отлаживаемым благодаря инструментам разработки Vue.
Если вы ищете именно динамические формы, вам могут быть полезны проекты вроде Formkit: https://formkit.com/