Below is my code snippet in Vue.js:
<template>
<router-link
id="router-link"
>
</router-link>
</template>
<script>
⋮
</script>
<style scoped>
#router-link{
border: 2px solid black;
width: 100px;
}
</style>
Issue at Hand:
Despite setting the width to 100px, the router-link does not adjust its size as intended.
Seeking assistance in understanding why this behavior occurs and exploring potential solutions. Can anyone offer insights or guidance?