vui-design/src/mixins/link.js

A high quality UI Toolkit based on Vue.js

import PropTypes from "../utils/prop-types";
import guardLinkEvent from "../utils/guardLinkEvent";

export default {
  props: {
    href: PropTypes.string,
    to: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
    replace: PropTypes.bool.def(false),
    append: PropTypes.bool.def(false),
    target: PropTypes.string
  },
  methods: {
    getNextRoute() {
      const { $router: router, $route: route, $props: props } = this;
      const result = router.resolve(props.to, route, props.append);

      return result;
    },
    handleLinkClick(e) {
      const { $router: router, $props: props } = this;

      this.$emit("click", e);

      if (props.href) {

      }
      else if (props.to && guardLinkEvent(e)) {
        try {
          const route = this.getNextRoute();
          const method = props.replace ? router.replace : router.push;
          const fallback = error => {};

          method.call(router, route.location).catch(fallback);
        }
        catch(error) {
          console.error(error);
        }
      }
    }
  }
};