docs_vue2/one/docs/components/prompt-box.md

PromptBox 输入弹框

示例

获取用户输入的值。

API

属性

名称	类型	默认值	描述
open	boolean	false	[^open]
title	string	-	标题。
content	string	'请输入'	输入框上方的说明内容。
value	string	''	[^value]
loading	boolean=	false	是否处于加载状态。处于加载状态时确定按钮也将进入加载状态，无法点击。
disabled	boolean=	false	是否处于禁用状态。处于禁用状态时确定按钮也将进入禁用状态，无法点击。
ok-label	string=	-	“确定”按钮的文字内容。
cancel-label	string=	-	“取消”按钮的文字内容。
before-close	`function(string): boolean=	Promise<boolean=>`	-
overlay-class	`string	Array	Object=`
overlay-style	`string	Array	Object=`

^^^open :::badges .sync :::

是否显示输入弹框。 ^^^

^^^value :::badges v-model :::

输入框值。 ^^^

插槽

名称	描述
default	内容区。
title	标题区。若同时指定了 title 属性和 title 插槽，以后者为准。
foot	底部区域，默认会展示“确定”、“取消”按钮。

事件

名称	描述
input	[^event-input]
ok	点击“确定”按钮时触发。
cancel	点击“取消”按钮时触发。
afteropen	弹框打开后触发。弹框内容在打开后才会进行渲染，所以如果有依赖内容渲染的逻辑，请在此事件触发后再执行。
afterclose	弹框关闭后触发。如果样式主题提供了退出动画，将在退出动画完毕后触发。

^^^event-input :::badges v-model :::

输入框值发生变化后触发。回调参数为 (value: string)，value 为输入框当前值。 ^^^