# Inputs(输入框)
v-input
组件为您提供了一个基线来创建您自己的自定义输入。 它包含一个预留/附加的空档,消息和一个默认的空档。 _建议_扩展该组件,但它可以作为一个独立组件使用
# 使用
v-input
有4个主要区域。 前列位置、所附位置、默认位置和消息。 这些构成了所有形式组件之间共享的核心逻辑。
# API
# 注意
v-input
组件被用作所有Vuetify表单控件的包装器。 它不继承属性,因为这些属性预计会传递到内部输入。
# 示例
# 属性
# 出错
作为任何可验证的Vuetify组件,v-input
可以使用error prop设置为错误状态,可以使用error-messages prop添加消息。 您可以使用 error-count 属性来决定是否显示错误消息。
# 错误计数:
你可以使用error-count 属性给 v-input
添加多个错误。
# 隐藏详细信息
当 hide-details
设置为 auto
时,只有在有信息(提示、错误信息等)显示的情况下,才会显示信息。
# 提示
v-input
可以有 提示 可以告诉用户如何使用输入。 持久性提示 prop 如果没有显示消息,则提示总是可见。
# 加载
v-input
有 正在加载 状态,可以使用,例如用于数据加载指示器。 注意:例如, v-text field
被使用。
# 规则
您可以将自定义验证规则添加到 v-input
, 添加它们作为函数返回 true
/errors 消息。 注意:例如, v-text field
被使用。
# 成功
作为任何可验证的Vuetify组件,v-input
可以使用error prop设置为错误状态,可以使用error-messages prop添加消息。
# 事件
# 点击槽位
v-input
可以有 点击:追加
和 点击:前缀
事件作为其位置。 注意:例如, v-text field
被使用。
# 插槽
# 附加代码
v-input
有 追加
和 前缀
插槽。 你可以在插槽中放置自定义图标.