VUE2 环境下 有两个字符串字段part和item 判断要么两个都为undefined 要么两个都有值 要是其中一个有值另一个undefined 则提示报错

在 Vue 2 的环境中，你可以使用 JavaScript 的逻辑运算符 `&&` 和 `||` 来判断 `part` 和 `item` 字段的状态。首先，你可以创建一个布尔变量 `isValid` 来存储这两个字段是否同时存在并且都不为 undefined：

let isValid = part !== undefined && item !== undefined;

然后你可以检查 `isValid` 的值来决定是否显示错误。如果 `isValid` 为 false，说明至少有一个字段是 undefined 或者两者都是 undefined，此时可以触发错误提示：

if (!isValid) {
  // 抛出错误或者显示警告信息
  console.error('Either part or item is undefined.');
  // 或者使用 Vue 的自定义验证函数
  this.$emit('inputError', '部分字段缺失');
}

在模板层面上，你可以通过监听这个事件来处理错误提示：

<template>
  <div v-if="!isValid">
    <!-- 错误消息 -->
    <span>Error: Part or Item not defined</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      part: '',
      item: '',
    };
  },
  methods: {
    inputValidation() {
      // 当数据改变时，检查并更新 isValid
      if (this.part === undefined || this.item === undefined) {
        this.isValid = false;
      } else {
        this.isValid = true;
      }
    },
  },
  watch: {
    '$$v': 'inputValidation',
  },
};
</script>