在Vue v2中，如何验证输入到表单中的值是否为空？

<template>
  <div>
    <form @submit="submitForm">
      <label for="name">姓名：</label>
      <input id="name" type="text" v-model="name" required>
      <button type="submit">提交</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: ''
    };
  },
  methods: {
    submitForm() {
      if (this.name.trim() === '') {
        alert('姓名不能为空');
        return;
      }
      // 其他表单提交逻辑
    }
  }
};
</script>