el-form 中一个prop 怎么对应两个 变量

在 `el-form` 中，一个 `prop` 对应两个变量可以通过 `v-model` 和 `:value` 来实现。

例如，假设我们有一个名称为 `username` 的表单项，我们可以这样写：

<el-form>
  <el-form-item label="Username">
    <el-input v-model="username"></el-input>
    <input :value="username" type="hidden" name="username">
  </el-form-item>
</el-form>

上面的代码中，`v-model` 绑定了 `username` 变量，而 `:value` 绑定了同名的隐藏表单项的值，这样在提交表单时就可以同时提交两个值，一个是可见的输入框中的值，另一个是隐藏表单项中的值。

当然，我们也可以使用 `@input` 事件来监听输入框值的变化，然后手动更新隐藏表单项的值，代码如下：

<el-form>
  <el-form-item label="Username">
    <el-input v-model="username" @input="usernameHidden = $event"></el-input>
    <input :value="usernameHidden" type="hidden" name="username">
  </el-form-item>
</el-form>

上面的代码中，我们新增了一个 `usernameHidden` 变量来存储隐藏表单项的值，在输入框的 `@input` 事件中更新 `usernameHidden` 的值，从而实现了一个 `prop` 对应两个变量的效果。