DK
Разве что иметь две разные точки входа для билда и городить копипасту, только в другом месте: импортировать реюзабельные компоненты и прокидывать в слоты визуальные компоненты, но это грязь.
(имхо)
(имхо)
Size: a a a
2020 March 11
A
А как кашерно навесить в each функцию на item по ключу?
PM
Всем привет!
А расскажите пожалуйста, как в svelte принято решать задачу повторного использования логики для разных визуальных представлений?
Например, нужно сделать два компонента, выглядящих по-разному на десктопе и мобилке, но использующих одинаковый стейт/методы. Во vue это делается через миксины, или через наследование, или через composition api в третьей версии.
Погуглил, ничего конкретного не нашел, нашел старый issue, где г-н Харрис говорит “I'm of the 'favour composition over inheritance' school”, но как собственно делать composition - не объясняет =)
Еще есть https://www.npmjs.com/package/svelte-extend - по смыслу похоже, но звездочек маловато =) и хотелось бы обойтись без лишних зависимостей.
А расскажите пожалуйста, как в svelte принято решать задачу повторного использования логики для разных визуальных представлений?
Например, нужно сделать два компонента, выглядящих по-разному на десктопе и мобилке, но использующих одинаковый стейт/методы. Во vue это делается через миксины, или через наследование, или через composition api в третьей версии.
Погуглил, ничего конкретного не нашел, нашел старый issue, где г-н Харрис говорит “I'm of the 'favour composition over inheritance' school”, но как собственно делать composition - не объясняет =)
Еще есть https://www.npmjs.com/package/svelte-extend - по смыслу похоже, но звездочек маловато =) и хотелось бы обойтись без лишних зависимостей.
можно вынести скрипт в отдельный файл и подключать его в 2-х компонентах
PM
для того нужно еще поставить svelte-preprocess
PM
если я конечно понял задачу
A
А как кашерно навесить в each функцию на item по ключу?
A
Типа того?
T
on:click={()=>click(item)}A
У меня массив объектов со ссылками внутри. Повесил клик на каждый, работает по кол-ву элементов раз.
A
on:click={()=>click(item)}Это решит?
T
Это решит?
не знаю, тыж не показываешь свой кейс, что у тебя должно передаваться в функцию, что за item
A
Это не кейс ) это я нашёл сниппет, подумал может так
A
Кейс в on:click=function()
T
Это не кейс ) это я нашёл сниппет, подумал может так
я и говорю что ты именно свой кейс не показываешь, так что угадать - решит или нет - я не знаю
A
В массиве
G
Одинаковое поведение, разве что this внутри функции click будет разный
A
on:click={ handleShopItems(shop.key), setTimeout(() => {navigate('shop')}, 1000) }
A
Вот функция вызывается кол-во элементов раз
A
Помню тут обсуждали как выносить обработчик из each
T
on:click={ handleShopItems(shop.key), setTimeout(() => {navigate('shop')}, 1000) }
перенеси всё в отдельную функцию и вызывай ее с одним параметром, не надо всё в одну строку пихать