element-ui按钮绑定值

`<el-button>` 组件可以通过 `v-model` 指令进行绑定值，也可以通过 `:value` 属性进行绑定值。

例如，以下代码将一个布尔类型的值绑定到按钮上：

<template>
  <div>
    <el-button v-model="isButtonActive" type="primary">按钮</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isButtonActive: false
    }
  }
}
</script>

当按钮被点击时，`isButtonActive` 的值会被改变。如果想手动控制按钮的选中状态，可以使用 `:value` 属性进行绑定：

<template>
  <div>
    <el-button :value="isButtonActive" @click="toggleButton">按钮</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isButtonActive: false
    }
  },
  methods: {
    toggleButton() {
      this.isButtonActive = !this.isButtonActive
    }
  }
}
</script>

在这个例子中，`isButtonActive` 的值只有在 `toggleButton` 方法中被改变，因此需要手动控制按钮的选中状态。