Vue.jsのif文でボタンのdisabledを判別したい

Question

ボタンを2つ用意します。
ボタンにテキストがあるものはそのまま表示。
テキストが入っていない''のものはdisabledを適用させたいです。
以下の記述でやっていますがエラー文も出なければdisabledも効いていません。
どこか違うところはあるでしょうか？

<template>
  <v-btn>{{ A }}</v-btn>
  <v-btn>{{ B }}</vbtn>
</template>

<script>
  data: ()=> ({
    A: 'こっちは表示',
    B: ''
  }),

  mounted: function(){
    if(this.B === ''){
      this.B('disabled', true);
    }
</script>

Answer 1

以下のようにv-btnのdesabled属性を利用するのはいかがでしょうか？

<template>
  <v-btn>{{ A }}</v-btn>
  <v-btn :disabled="B==''">{{ B }}</v-btn>
</template>

<script>
  data: ()=> ({
    A: 'こっちは表示',
    B: ''
  })
</script>

Comments

[shirout]

こんな簡単にできるとはーーーーーー！！！！
お二方、ご回答ありがとうございました。

[Twoshi]

ご解決され何よりです^^b

Answer 2

無効化したいのであればdisabledはtrueにしましょう。

Comments

[shirout]

ありがとうございます。
trueにしてthis.を付け加えたのですが未だに活性化状態です。
コンソールエラーも出ておらず原因が分かりづらい状況です。