Breaking News: Grepper is joining You.com. Read the official announcement!

dynamic computed property vue

Emmanuel Mahuni answered on September 23, 2021 Popularity 6/10 Helpfulness 1/10

answer dynamic computed property vue

dynamic computed property vue

Comment

computed: {
  element() {
    return this.getElements(...);
  },
},
watch: {
  element: {
    handler: function (newValue) {
      if (newValue.inputName) {
        this.addProp(['element', 'inputName'], () => { return 'someValue' })
      }
    },
    deep: true
  }
},
methods: {
  addProp (path, getter) {
    // Get property reference or undefined if not (yet) valid
    const propName = path.reduce((acc, prop) => acc ? acc[prop] : undefined, this)
    if (!propName) { return }

    const computedProp = {
      get() {
        return getter()
      }
    }
    this[propName] = computedProp
  },
}

Popularity 6/10 Helpfulness 1/10 Language actionscript

Source: stackoverflow.com

Tags: actionscript

Link to this answer
Share Copy Link