vue :disabled绑定函数

在 Vue 中，可以使用 `v-bind` 指令来绑定 `disabled` 属性，同时使用一个计算属性或一个方法来返回一个布尔值，决定该属性是否启用。以下是一个示例：

<template>
  <button :disabled="isDisabled()" @click="submitForm">Submit</button>
</template>

<script>
export default {
  methods: {
    isDisabled() {
      // 返回一个布尔值，决定按钮是否启用
      return this.formIsInvalid;
    },
    submitForm() {
      // 点击按钮时执行的方法
      // ...
    }
  }
}
</script>

在上面的示例中，`isDisabled` 方法返回一个布尔值，该值根据表单是否有效而确定。如果表单无效，则按钮将被禁用，并且不能点击。而如果表单有效，则按钮将启用，并且可以被点击。当然，你也可以使用一个计算属性来代替这个方法，计算属性的实现方式与方法类似。