VUEJS의 URL에서 ID 가져오기

VUEJS의 URL에서 ID 가져오기

저는 현재 VUEJS를 배우고 있으며, 전혀 새로운 VUEJS를 배우고 있습니다.도움이 필요해요다음과 같은 URL의 ID를 원합니다.

URL:

abc.net/dashboard/a/123456789

나는 그 것을 갖고 싶다.123456789텍스트 형식으로.

이 매뉴얼을 사용하여vue-router

import Vue from 'vue';
import VueRouter from 'vue-router';
import DashboardComponent from "./path/DashboardComponent";

Vue.use(VueRouter);


export default new VueRouter({
    routes: [

        { path: '/dashboard/a/:id', component: DashboardComponent }//where :id is the dynamic id you wish to access from the browser
    ]
})

인 유저DashboardComponent

<template>
   <div> 
       {{id}} //this will show the id in plain text
   </div>
</template>

<script>
    export default {
       name: 'Dashboard',

       data(){
           return {
              id: this.$route.params.id //this is the id from the browser
           }
       },
    }
</script>

이것은 플레인 javascript로 쉽게 할 수 있다.

const url = window.location.href;
const lastParam = url.split("/").slice(-1)[0];
console.log(lastParam);

vue-router를 사용하고 있으며 로드하는 페이지가 router.js에 정의되어 있는 경우.그럼 심플콜this.$route.params

언급URL : https://stackoverflow.com/questions/61946295/get-the-id-from-the-url-in-vuejs