Как получить доступ к параметру URL в Sapper вне модуля скрипта

Предположим, вы создаете приложение Svelte с помощью Sapper, и у вас есть динамический маршрут страницы, например/routes/[id].svelte.

Вы хотите получить динамическую часть URL-адреса (idв этом случае), и вы знаете, что можете получить его вpreload()функция в<script context="module">часть компонента:

<script context="module">
	export async function preload({ params }) {
		const { id } = params
	}
</script>

Но проблема в том, что его нужно использовать внеpreload(), чтобы выполнить что-то еще.

Это можно сделать, вернув его изpreload, и определите его как опору компонента, используя обычныйexport *синтаксис.

Вот пример:

<script context="module">
	export async function preload({ params }) {
		const { id } = params
		return { id }
	}
</script>
<script>
export let id
if (typeof window !== ‘undefined’) {
alert(id)
}
</script>

Более стройные уроки:

• Начало работы со Svelte - краткое руководство
• Как работать с реквизитом в Svelte
• Как импортировать компоненты в Svelte
• Как экспортировать функции и переменные из компонента Svelte
• Шаблоны Svelte: условная логика
• Как повторно отрендерить компонент Svelte по запросу
• Svelte Slots
• Как добавлять комментарии в шаблоны Svelte
• Изящные наручники
• Обработка обновлений состояния в Svelte
• Реактивные утверждения в Svelte
• События жизненного цикла Svelte
• Svelte шаблоны: петли
• Разрешайте обещания в шаблонах Svelte
• Работа с событиями в Svelte
• Кросс-компонентное управление состоянием в Svelte
• Как получить доступ к параметру URL в Sapper вне модуля скрипта
• Как динамически применять CSS в Svelte
• Как перенаправить на URL-адрес в Sapper
• Как смоделировать цикл for в шаблонах Svelte