vue判断输入框是否为空

在 Vue 中判断输入框是否为空，可以使用 v-model 绑定输入框的值，然后用计算属性或者方法判断输入框的值是否为空。以下是两种常用的方法：

1. 计算属性

<template>
  <div>
    <input v-model="inputValue" placeholder="请输入内容">
    <button :disabled="isDisabled">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  computed: {
    isDisabled() {
      return !this.inputValue.trim()
    }
  }
}
</script>

2. 方法

<template>
  <div>
    <input v-model="inputValue" placeholder="请输入内容">
    <button :disabled="isDisabled()">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    isDisabled() {
      return !this.inputValue.trim()
    }
  }
}
</script>

以上两种方法都是判断输入框的值是否为空，如果为空则禁用提交按钮。其中 `trim()` 方法可以去除字符串两端的空格。