Soy un nuevo estudiante de vuejs y quiero obtener el valor de consulta de la URL para usarlo en el método vue como se explica a continuación.
Esta es la ruta:
{ path: "/FetchData/:query?", name: "FetchData", component: FetchData, }Y este es el enlace para redirigir a la segunda página.
<router-link :to="{ path: '/FetchData', query: { query: country.countryName }}">esta es la API
public IActionResult GetSubs(string query, int? subs) { return Ok(SubService.GetSubs(query, subsId)); }Este es el método vue llamando a la API
getSubs() { axios.get("https://localhost:44391/api/Subs/GetSubs") .then(res => this.subs = res.data) .catch(err => console.log(err)) }Y finalmente, este es el html para mostrar datos.
<div class="d-flex flex-row mb-3"> <div class="d-flex flex-column ml-2"><span>{{subs.subsId}}</span></div> </div> <h6 style="text-align:left">{{subs.label}}</h6>si está usando vuejs 2, puede acceder a la consulta usando: this.$route.query
pero si está usando v3, debería ser algo como:
import { useRoute } from 'vue-router' import { computed } from 'vue'; export default { setup() { const route = useRoute() return { query: computed( () => route.query ) } } } entonces puedes usar this.query dentro de tu método