在Vue.js中，判断输入框（input）不为空可以通过绑定数据和条件判断来实现。你可以使用v-model来双向绑定输入框的值到组件的数据属性上，然后通过计算属性或方法来判断这个值是否为空。以下是一个基本的示例：

<template>
  <div>
    <input type="text" v-model="inputValue">
    <button @click="submitForm" :disabled="!isInputValid">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '' // 绑定输入框的值
    };
  },
  computed: {
    // 计算属性用于判断输入框是否为空
    isInputValid() {
      return this.inputValue.trim() !== ''; // 使用trim()去除前后空格
    }
  },
  methods: {
    submitForm() {
      if (this.isInputValid) {
        // 如果输入框不为空，则执行提交操作
        // 提交表单的逻辑...
      } else {
        alert('输入框不能为空！');
      }
    }
  }
}
</script>

在这个例子中，inputValue是绑定到输入框的数据属性。isInputValid是一个计算属性，它通过检查inputValue是否为空（在去除前后空格后）来返回一个布尔值。在submitForm方法中，使用isInputValid来判断是否允许提交表单。如果输入框为空，计算属性isInputValid将返回false，并且提交按钮将被禁用。

这种方法可以确保用户不能提交空白或只包含空格的输入。通过使用计算属性，你可以在模板中直接引用isInputValid来控制按钮的disabled状态，从而提供即时的用户反馈。