Поместите фактический URL-адрес в href с помощью vuejs

Мне нужно создать один компонент динамически, чтобы получить фактический URL-адрес.

Например, если я нахожусь в разделе пользователей, мой href будет: admin/users/edit + id, но если я нахожусь в разделе блога:

admin/blogs/edit + id

у меня есть мой href:

<a class = "btn btn-primary" v-bind:href = "`${ url_link }`+data.id+'/edit'">
            <span>
                <i class = "fas fa-user-edit"></i>
            </span>
        </a>

url_link не определен, потому что я не знаю, как это определить ... Я новичок в vueJS

весь мой фактический код:

<template>
    <div>
        <a class = "btn btn-primary" v-bind:href = "`${ url_link }`+data.id+'/edit'">
            <span>
                <i class = "fas fa-user-edit"></i>
            </span>
        </a>
        <a class = "btn btn-primary" href = "#" @click = "click(data)">
            <span>
                <i class = "fa fa-trash red"></i>
            </span>
        </a>
    </div>
</template>

<script>

    export default {
        props: {
            data: {},
            
            click: {
                type: Function,
                default: () => {}
            },
            classes: {
                type: Object,
                default: () => ({ 
                    'btn': true,
                    'btn-primary': true,
                    'btn-sm': true,
                }),
            },
        },


            
    }
    
</script>

Я думаю, что могу создать метод, который определит мой переменный url_link с фактическим URL-адресом. Но я не знаю, как это назвать, потому что мне нужно вызвать, когда моя страница загрузится.

Спасибо за помощь и извините за мой английский