VUE的rules里的required如何动态

vue2：

export default {
  data() {
    return {
      form: {
        conditionType: '' // 初始化的值
      },
      rules: {
        conditionValue: []
      }
    };
  },
  watch: {
    'form.conditionType': function (newValue) {
      if (newValue === 'equals') { // 假设 "等于" 的值为 'equals'
        this.rules.conditionValue = [
          { required: true, message: "值不能为空", trigger: "blur" }
        ];
      } else {
        this.rules.conditionValue = [];
      }
    }
  }
};

vue3：

watch(
  () => form.value.conditionType,
  (newValue) => {
    if (newValue === 'equals') { // 假设 "等于" 的值为 'equals'
      rules.value.conditionValue = [
        { required: true, message: "值不能为空", trigger: "blur" }
      ];
    } else {
      rules.value.conditionValue = [];
    }
  }
);