el-switch和el-input组合使用，打开el-switch，input禁止输入

在Element UI库中，`el-switch`和`el-input`可以一起使用来实现一些交互性的功能。当你将它们结合，比如你想创建一个开关控制输入框的启用/禁用状态，可以这样做：

1. 首先，在HTML部分，你可以将`el-switch`和`el-input`元素放在同一个表单或组件内：

<template>
  <div>
    <el-switch v-model="switchValue" @change="handleChange"></el-switch>
    <el-input :disabled="switchValue" placeholder="输入内容"></el-input>
  </div>
</template>

2. 然后，在对应的script部分中，设置一个数据属性`switchValue`来存储开关的状态，并定义一个方法`handleChange`处理开关改变事件：

<script setup>
import { ref } from 'vue';

const switchValue = ref(false); // 初始值为false

function handleChange(value) {
  switchValue.value = value; // 更新开关状态
  // 如果需要，也可以在这一步更新input的禁用状态
}
</script>

当`switchValue`为`true`时，`el-input`将会被禁用；反之，如果`switchValue`为`false`，则允许输入。