Здравствуйте, пожалуйста подскажите,
Как на 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;
}
