0
votes

Comment accéder à la variable d'état calculé?

Utilisation du composant de la classe VUE, comment obtenir la valeur d'une variable calculée? Essayer d'utiliser ceci.bar code> donne une erreur: 'bar' 'bar' n'existe pas sur le type 'VUE'. Code>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";

@Component({
    computed: {
        bar() {
            return true;
        },
    },
    methods: {
        qux() {
            // How to get the value of bar here?
            if (this.bar) {
                baz();
            }
        },
    },
})
export default class Foo extends Vue {}
</script>

vue.js vue-component vue-class-components vue-property-decorator

0 commentaires

3 Réponses :

0
votes

Toute raison pour laquelle vous ne voulez pas utiliser getter?

@Component({})
export default class Foo extends Vue {
  get bar() { return true }
}

0 commentaires

0
votes

Si vous utilisez VUE-Property-Decorator, tout se passe à la classe étendue.

VUE NORMAL: P>

@Component({})

export default class Foo extends Vue {
  get bar() {
    return true;
  }

  private qux() {
    if (this.bar) {
      this.baz();
    }
  }

  private baz() {
    //do smth
  }
}

0 commentaires

1
votes

C'est parce que vous n'utilisez pas la syntaxe droite.

Vous devez modifier ce que vous avez à ce P>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";

@Component  
export default class Foo extends Vue {
  get bar(): boolean {
    return true;
  }
  qux() {
    if (this.bar) {
        baz();
    }
  }
}
</script>

0 commentaires