vue2 element form表单字段状态判断另一个字段是否为非空必填字段

在Vue 2中，Element UI 的 `form` 组件可以帮助我们轻松处理表单验证。如果你想在一个字段的状态（比如，一个输入框的值）变化时判断另一个字段是否为非空必填，你可以这样做：

首先，在模板中设置两个相关的 `v-model` 指令关联到你的两个字段，例如 `field1` 和 `field2`。然后可以利用 Vue 的 `watch` 或者 `computed` 属性来监听 `field1` 的变化，并基于其值来更新 `field2` 的校验状态。

下面是一个简单的例子：

<template>
  <el-form :model="formData">
    <el-form-item label="Field 1" :rules="{ required: true }">
      <el-input v-model="field1"></el-input>
    </el-form-item>
    <el-form-item label="Field 2" :rules="{ required: field1 !== '' }">
      <el-input v-model="field2"></el-form-item>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        field1: '',
        field2: ''
      },
    };
  },
  watch: {
    field1(newVal) {
      // 当 field1 变化时，更新 Field 2 的必填规则
      this.formData.field2.required = newVal !== '';
    },
  },
};
</script>

在这个例子中，如果 `field1` 非空（即 `newVal !== ''`），那么 `field2` 就变成必填；反之，如果 `field1` 为空，则 `field2` 的规则将变为非必填。