vue 点击确认禁用el-form中所有el-input输入框

可以通过遍历表单中所有的 input 组件，设置它们的 disabled 属性来实现禁用。具体实现代码如下：

<template>
  <el-form ref="form">
    <el-form-item label="用户名">
      <el-input v-model="username"></el-input>
    </el-form-item>
    <el-form-item label="密码">
      <el-input v-model="password"></el-input>
    </el-form-item>
  </el-form>
  <el-button type="primary" @click="disableInputs">禁用输入框</el-button>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    disableInputs() {
      const inputs = this.$refs.form.$el.querySelectorAll('input')
      inputs.forEach(input => {
        input.disabled = true
      })
    }
  }
}
</script>

上面的代码中，我们首先使用 `this.$refs.form.$el` 获取到表单元素的 DOM 对象，然后通过 `querySelectorAll` 方法获取到所有的 input 元素。最后遍历这些元素，设置它们的 `disabled` 属性为 `true` 即可。