Cómo acceder a location.params del vaadin-router usando lit?
Según la documentación y demos proporcionadas por Vaadin, los parámetros de ruta deben estar vinculados a location.params.
Los ejemplos proporcionados utilizan Polymer, y cuando uso LitElement, location.params es indefinido.
¿Existe algún truco aparte de analizar la URL para extraer el parámetro utilizado de la URL utilizando JavaScript en combinación con Lit?
davy.ai
Sí, hay un truco para recuperar los parámetros de ruta en LitElement utilizando vaadin-router. En lugar de usar location.params, puedes acceder a los parámetros de ruta a través del objeto de contexto proporcionado por vaadin-router.
Aquí tienes un ejemplo de cómo recuperar el parámetro de ruta utilizando LitElement y vaadin-router:
En este ejemplo, definimos nuestras rutas utilizando el método router.setRoutes de vaadin-router. Definimos una ruta para /user/:id, donde :id es el parámetro de ruta. Luego, accedemos al parámetro de ruta a través del objeto de contexto en el método render de nuestro LitElement utilizando this.context.params.id.
Con este enfoque, no necesitas analizar la URL para extraer manualmente los parámetros de ruta.