quasar-framework/src/directives/go-back.js

Simultaneously build desktop/mobile SPA websites & phone/tablet apps with VueJS

import Platform from '../plugins/platform'

export default {
  name: 'go-back',
  bind (el, { value, modifiers }, vnode) {
    let ctx = { value, position: window.history.length - 1, single: modifiers.single }

    if (Platform.is.cordova) {
      ctx.goBack = () => {
        vnode.context.$router.go(ctx.single ? -1 : ctx.position - window.history.length)
      }
    }
    else {
      ctx.goBack = () => {
        vnode.context.$router.replace(ctx.value)
      }
    }

    el.__qgoback = ctx
    el.addEventListener('click', ctx.goBack)
  },
  update (el, binding) {
    if (binding.oldValue !== binding.value) {
      el.__qgoback.value = binding.value
    }
  },
  unbind (el) {
    const ctx = el.__qgoback
    if (!ctx) { return }
    el.removeEventListener('click', ctx.goBack)
    delete el.__qgoback
  }
}