editable

`editable`属性通常用于控制组件的可编辑状态。在 Element UI 中，有很多组件都有这个属性，比如`el-input`、`el-select`、`el-date-picker`等等。

当`editable`属性为`false`时，组件处于不可编辑状态，用户无法对它进行任何操作。当`editable`属性为`true`时，组件处于可编辑状态，用户可以对它进行操作。

以下是一个示例：

<template>
  <div>
    <el-input v-model="inputValue" :editable="isEditable"></el-input>
    <el-button @click="toggleEditable">{{ isEditable ? 'Disable' : 'Enable' }} Editing</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      isEditable: true
    };
  },
  methods: {
    toggleEditable() {
      this.isEditable = !this.isEditable;
    }
  }
};
</script>

在上面的示例中，我们将`editable`属性绑定到了`isEditable`变量上。当用户点击`el-button`按钮时，`isEditable`变量的值将被取反，从而切换组件的可编辑状态。

需要注意的是，并不是所有的组件都支持`editable`属性。比如`el-checkbox`和`el-radio`组件就不支持这个属性。