Element Plus组件库中的input组件如何点击查看按钮时不可编辑，点击编辑时可编辑使用setup

<template>
  <div>
    <el-input v-model="inputValue" :disabled="isDisabled"></el-input>
    <el-button @click="toggleEdit">{{ isDisabled ? '编辑' : '查看' }}</el-button>
  </div>
</template>
<script>
import { ref } from 'vue';
export default {
  setup() {
    const inputValue = ref('');
    const isDisabled = ref(true);
    function toggleEdit() {
      isDisabled.value = !isDisabled.value;
    }
    return {
      inputValue,
      isDisabled,
      toggleEdit
    };
  }
};
</script>