vue中input不输入有提示如何实现

可以使用 Vue 的指令 `v-show` 或者 `v-if` 来根据输入框的值是否为空来控制提示信息的显示和隐藏。

下面是一个使用 `v-show` 的例子：

<template>
  <div>
    <input type="text" v-model="inputValue" />
    <p v-show="!inputValue">请输入内容</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>

在上面的代码中，我们使用了 Vue 的数据绑定将 input 的值绑定到一个变量 `inputValue`。当输入框的值为空时，`!inputValue` 的值为 true，因此提示信息会显示出来；当输入框有内容时，`!inputValue` 的值为 false，提示信息会被隐藏。

你也可以使用 `v-if` 来实现同样的效果，只需要将 `v-show` 替换为 `v-if` 即可。

<template>
  <div>
    <input type="text" v-model="inputValue" />
    <p v-if="!inputValue">请输入内容</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>

需要注意的是，`v-show` 和 `v-if` 的区别在于前者仅仅是控制元素的显示和隐藏，而后者会根据条件销毁或创建元素。因此，如果提示信息中包含了较为复杂的逻辑或需要频繁更新，建议使用 `v-show`，否则使用 `v-if` 也可以。