в нем это компоненты Vue, при этом пункты меню я задаю массивом, могу я как то вставить компонент в компонент?
например надо чтобы перебиралось <icon-dashboard>, <icon-setup>, <icon-logout>...
Сделать универсальный icon в него пропсом закидывать имя иконки, прокинуть массив с именами иконок Просто представь 50 различных иконок, для каждой отдельный компонент делать?
Согласен так было бы лучше всего
У меня суть компонента <template> <svg width='24' height='24' viewBox='0 0 24 24' :fill='color' xmlns='http://www.w3.org/2000/svg'> что я svg файл туда пихаю и добавляю переменное поле fill, как props..
Как тогда правильней сделать, чтобы у меня часть самой svg-шки по передаваемому имени файла в props подсовывалась в шаблон типа динамической подгрузки шаблона, получается
https://www.npmjs.com/package/vite-plugin-svg-sprite Вот для vite например
Если в двух словах, то суть в том, что если у тебя на странице есть свг картинка с id, то ты можешь "скопировать" её обратившись по этому id. В спрайт собираются все иконки, выдается им id, обычно соответствующий имени файла, и прячется это все в невидимый блок. А ты потом оттуда "копируешь" нужные иконки
Обсуждают сегодня