/ActionScript/Dynamic computed property vue

Dynamic computed property vue

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
  },
}

Source: stackoverflow.com

Similar codes

1 vote454 views1 answer
Move records from table to another using knex migration
ActionScript
0 vote461 views1 answer
How to go to codefile in .ashx
ActionScript
1 vote452 views1 answer
Rabbitmq docker can access website
ActionScript
0 vote466 views2 answers
Mount_osxfuse : input/output error
ActionScript
347 votes469 views7 answers
Javascript remove element from array
ActionScript
0 vote297 views1 answer
Bootstrap 5 examples
ActionScript
0 vote458 views2 answers
How to check if a sequence exists in postgresql
ActionScript
0 vote285 views1 answer
<%@ WebHandler Language="C#" CodeBehind="img.ashx.cs" Class="ReInsuranceSolution.Core.img" %>
ActionScript
0 vote292 views1 answer
Application insights powershell
ActionScript
0 vote295 views2 answers
Docker compose enable rabbitmq enable plugins
ActionScript