带有条件的 Vue.js 禁用按钮不起作用

Question

我在 Vue.js 组件中有一个 data-table 使用 Vuetify 并在一行内输入，如果输入 v-model="row.item.quantidade" 为空，我需要禁用按钮。但不起作用。

HTML

                     <v-data-table :headers="headersAllStep3" :items="step2" :search="searchAllStep3">
                        <template v-slot:item="row">
                          <tr>
                           <td>{{ row.item.produto }}</td>
                           <td>{{ row.item.descricao }}</td>
                           <td>{{ row.item.ncm }}</td>
                           <td><input type="number" v-model="row.item.quantidade"  autofocus></td>
                          </tr>
                        </template>
                      </v-data-table>

           <v-btn :disabled="isDisableQuantidade()">
            Continue
           </v-btn>

vue.js 组件中的 Javascript 方法

isDisableQuantidade(){
          return this.step2.quantidade.length == false;
        },

Answer 1

功能：

isDisableQuantidade(){
          return this.step2.some(step=>step.quantidade==0);
        },

应该是计算属性，并且必须在没有() 的情况下使用，例如：

 <v-btn :disabled="isDisableQuantidade">
        Continue
  </v-btn>