bootstrap-vue/lib/mixins/link.js

Bootstrap 4 Components for Vue.js 2

// Props compatible with vue-router
// https://github.com/vuejs/vue-router/blob/dev/src/components/link.js

export default {
    computed: {
        isRouterLink() {
            return Boolean(this.$router && this.to && !this.disabled);
        },
        _href() {
            if (this.disabled) {
                return '#';
            }

            // If href explicitly provided
            if (this.href) {
                return this.href;
            }

            // Fallback to `to` prop
            if (this.to && typeof this.to === 'string') {
                return this.to;
            }
        },
        linkClassObject() {
            return [
                this.active ? (this.exact ? this.exactActiveClass : this.activeClass) : null,
                this.disabled ? 'disabled' : null
            ];
        }
    },
    props: {
        active: {
            type: Boolean,
            default: false
        },

        disabled: Boolean,

        href: {
            type: String,
            default: '#'
        },

        to: {
            type: [String, Object],
            default: null
        },

        tag: {
            type: String,
            default: 'a'
        },

        exact: Boolean,

        append: Boolean,

        replace: Boolean,

        activeClass: {
            type: String,
            default: 'active'
        },

        exactActiveClass: {
            type: String,
            default: 'active'
        },

        event: {
            type: [String, Array],
            default: 'click'
        }
    },
    methods: {
        linkClick(e) {
            if (!this.disabled) {
                this.$root.$emit('clicked::link', this);
                this.$emit('click');
            }

            if (this.disabled || (!this.isRouterLink && this._href === '#')) {
                e.preventDefault();
                e.stopPropagation();
            }
        }
    }
};