vuetify/src/mixins/returnable.ts

Vue.js 2 Semantic Component Framework

import Vue from 'vue'

/* @vue/component */
export default Vue.extend({
  name: 'returnable',

  props: {
    returnValue: null as any
  },

  data: () => ({
    isActive: false,
    originalValue: null as any
  }),

  watch: {
    isActive (val) {
      if (val) {
        this.originalValue = this.returnValue
      } else {
        this.$emit('update:returnValue', this.originalValue)
      }
    }
  },

  methods: {
    save (value: any) {
      this.originalValue = value
      this.isActive = false
    }
  }
})