javascript - [Vue 警告] : Invalid prop: type check failed for prop "disabled". 预期 bool 值，得到函数

Question

我正在使用此代码

<v-list-item>
            <v-btn
              @click="onDownloadFile(document)"
              :disabled=getFileExtention
              >Download as pdf</v-btn
            >
</v-list-item>

getFileExtention 返回 bool 值的地方

getFileExtention() {
     //console.log(this.document.extension==="pdf");
     return this.document.extension === "pdf";
   }

但它不起作用，仍然说 [Vue warn]: Invalid prop: type check failed for prop "disabled"。预期 bool 值，得到 Function 。请帮忙

Answer 1

将 getFileExtension 定义为计算属性:

computed:{
getFileExtention() {
     //console.log(this.document.extension==="pdf");
     return this.document.extension === "pdf";
   }
}

然后像 :disabled="getFileExtention"

一样使用它