Estoy trabajando en SPA (Vue JS) y Laravel como API. Quiero que cuando los usuarios reciban un correo electrónico, hagan clic en el botón que los enviará a una ruta específica (ya implementada).
Así que ahora estoy luchando por obtener la identificación de usuario de la parte de Vue JS.
https://domain.test/admin/users/dashboard/user/65/show65 de la URL es la ID de usuario, entonces, ¿alguna idea de cómo extraer esa ID con java script de Vue JS?
No estoy usando el enrutador vue, esta es la ruta Laravel y el componente Vue JS se procesa desde el archivo blade.
Implementé algo como esto a continuación, pero el cliente se negó...
https://domain.test/admin/users/dashboard/user/show?userId=65let id = window.location.href.split('/').slice(-2)[0]
Dado que ya está procesando la página en un archivo Blade, ya debería tener acceso al lado del servidor de ID de usuario.
En ese caso, simplemente agregue el lado del servidor variable. Por ejemplo:
<a :href="'https://domain.test/admin/users/dashboard/user/' + {{ $user->id }} + '/show'">Go to Dashboard</a>Para obtener parámetros de la URL, puede usar el enrutador vue para eso:
const routes = [ // dynamic segments start with a colon { path: '/users/:id', component: User }, ] const User = { template: '<div>User {{ $route.params.id }}</div>', }Aquí está el enlace para más ejemplos y documentación del enrutador vue:
https://router.vuejs.org/guide/essentials/dynamic-matching.html
También puede obtener parámetros con solo vainilla JavaScripe como sigue:
const queryString = window.location.search; console.log(queryString); // ?product=shirt&color=blue&newuser&size=m //then you have to parse the url const urlParams = new URLSearchParams(queryString); const color = urlParams.get('color') console.log(color); // blue