@Suleimanov_Ismar

Как автоматически создавать списки на VueJs?

Здравствуйте, пожалуйста подскажите,
Как на VueJs автоматически создавать блоки, списки и так далее по заданным параметрам?

Задача:
1)
Представим есть список 1
> Выберите тип:
>>Тип 1
>>Тип 2

2)
Пользователь выбрал Тип 1 - в этой группе есть свои дочерние элементы. Они должны отобразится в новом списке.
Например:
> Выберите группу из Тип 1
>> Группа 1
>> Группа 2

и этот список должен быть динамичным.

Совсем новичок во VueJs.

Написал небольшую функцию, которая создает select, но я не думаю что это правильно, функция возвращает сгенерированный select а я аппендом помещаю в древо, работает, но я не думаю что это правильно.
creatSelect(col, name, title, list){

    let options;

    let div = document.createElement('div');
    div.className = `col-${col} ${name}`;

    for (let i = 0; i < list.length; i++) {
        options += `<option value="${list[i].code}" data-id="${list[i].id}">${list[i].name}</option>`;
    }

    div.innerHTML = `
        <select @change="${name}" :require="true">
            <option disabled :selected="true">${title}</option>
            ${options}
        </select>

    `;

    return div;

}
  • Вопрос задан
  • 117 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы