vue怎么实现input框为空时按钮是disabled状态

在Vue中，可以使用computed属性和v-bind指令来实现input框为空时按钮为disabled状态。

首先，在data对象中定义一个变量，用来保存input框的值，例如：

data() {
  return {
    inputValue: ''
  }
}

然后，在模板中使用v-model指令绑定input框的值：

<input type="text" v-model="inputValue">

接下来，可以使用computed属性来判断input框的值是否为空，如果为空，则返回true，否则返回false。例如：

computed: {
  isInputEmpty() {
    return this.inputValue === '';
  }
}

最后，在按钮元素上使用v-bind指令，将disabled属性绑定到computed属性上，这样当input框的值为空时，按钮就会处于disabled状态：

<button type="button" :disabled="isInputEmpty">按钮</button>

完整的Vue组件示例代码如下：

<template>
  <div>
    <input type="text" v-model="inputValue">
    <button type="button" :disabled="isInputEmpty">按钮</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  computed: {
    isInputEmpty() {
      return this.inputValue === '';
    }
  }
}
</script>