element-plus中通过按钮来控制el-input输入框的禁用可用状态

element-plus中通过按钮来控制el-input输入框的禁用可用状态

在 Vue.js 中，您可以使用 el-input 组件的 disabled 属性来设置输入框的可编辑状态。这个属性接受一个布尔值，当设置为 true 时，输入框将不可编辑；当设置为 false 或省略时，输入框将是可编辑的。

一、父子通讯中切换

例如，想在组件的 props 中接收一个名为 disabled 的布尔值，并将其传递给 el-input 组件，您可以这样做：

<template>
  <el-input :disabled="disabled" placeholder="请输入内容"></el-input>
</template>
<script>
export default {
  props: {
    disabled: {
      type: Boolean,
      default: false
    }
  }
};
</script>

在这个例子中，disabled 是一个从父组件传递给子组件的 prop。子组件中的 el-input 组件将使用这个 prop 来设置其可编辑状态。如果父组件设置了 disabled 为 true，那么子组件中的输入框将不可编辑；如果父组件没有设