vue 验证输入框不能为空

在Vue中，可以使用v-model指令来绑定输入框的值，并且可以使用v-if指令来判断输入框的值是否为空。例如：

<template>
  <div>
    <input type="text" v-model="inputValue">
    <button @click="submitForm">提交</button>
    <span v-if="inputValue === ''">输入框不能为空</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    submitForm() {
      if (this.inputValue === '') {
        // 输入框不能为空，做出相应处理
        return
      }
      // 其他操作
    }
  }
}
</script>

在这个例子中，使用v-model绑定了一个名为inputValue的data属性，这个属性保存了输入框的值。当点击提交按钮时，会调用submitForm方法，如果输入框的值为空，就会显示一个提示信息。如果输入框的值不为空，则可以执行其他操作