Conditional In Vue.js Dependant On Prop Value?
Answer : Assuming you want to disable anchor tag as in not clickable and look disabled the option is using CSS. isActive should return true by checking prop id. <router-link class="Card__link" v-bind:class="{ disabled: isActive }" :to="{ name: 'Property', params: { id: id }}"> <h1 class="Card__title">{{ title }}</h1> <p class="Card__description">{{ description }}</p> </router-link> <style> .disabled { pointer-events:none; opacity:0.6; } <style> If you want to just disable the navigation , you can use a route guard. beforeEnter: (to, from, next) => { next(false); } The problem is that router-link renders as an html anchor tag, and anchor tags do not support the disabled attribute. However you can add tag="button" to router-link : <router-link :to="myLink" tag="button" :disabled="isDisabled" > V