VueJS中的表单未检查两个输入是否为空

<template>
  <form @submit="submitForm">
    <label for="input1">Input 1:</label>
    <input id="input1" v-model="input1" required>
    <br>
    <label for="input2">Input 2:</label>
    <input id="input2" v-model="input2" required>
    <br>
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      input1: '',
      input2: ''
    };
  },
  methods: {
    submitForm() {
      if (this.input1 && this.input2) {
        // 执行表单提交操作
        console.log('表单提交成功');
      } else {
        // 输入为空，显示错误信息
        console.log('输入不能为空');
      }
    }
  }
};
</script>