前端按钮el-button 判断禁用

在 Vue.js 中使用 element-ui 的 el-button 组件时，可以通过在绑定的按钮上使用 disabled 属性来判断是否禁用按钮。

例如：

<template>
  <el-button :disabled="isDisabled">点我</el-button>
</template>

<script>
export default {
  data() {
    return {
      isDisabled: true,
    }
  },
}
</script>

上面的代码中，isDisabled 是一个布尔类型的数据，当它的值为 true 时，按钮将被禁用。可以通过设置 isDisabled 的值来动态地改变按钮的禁用状态。

例如，你可以在点击按钮的时候使用一个方法来改变 isDisabled 的值，从而实现按钮的禁用和启用：

<template>
  <el-button @click="toggleDisabled">点我</el-button>
</template>

<script>
export default {
  data() {
    return {
      isDisabled: true,
    }
  },
  methods: {
    toggleDisabled() {
      this.isDisabled = !this.isDisabled
    },
  },
}
</script>

在这个例子中，点击按钮会触发 toggleDisabled 方法，该方法将 isDisabled 的值取反，从而改变按钮的禁用状态。