# Inputs(输入框)

v-input 组件为您提供了一个基线来创建您自己的自定义输入。 它包含一个预留/附加的空档,消息和一个默认的空档。 _建议_扩展该组件,但它可以作为一个独立组件使用

# 使用

v-input 有4个主要区域。 前列位置、所附位置、默认位置和消息。 这些构成了所有形式组件之间共享的核心逻辑。

# API

# 注意

# 示例

# 属性

# 出错

作为任何可验证的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追加前缀 插槽。 你可以在插槽中放置自定义图标.

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
GitHub 上编辑此页面
最后更新:10/07/2024, 11:31:37 AM