ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
表单组件,通过api方式快速请求表单数据。 > 该组件支持v-model。 ## 属性 | 参数 | 说明 | 类型 | 可选值 | 默认值 | --- | --- | --- | --- | --- | api | 点击后请求的api地址 | string | 必填 | | api-method | 请求方法 | string | get,post,put,delete | post | api-param | 请求参数 | object | | | submit-filte | 请求参数过滤,可以提供一个逗号分割的字符串,或直接提供一个数组 | String|Array | | | success-tip | 请求返回成功结果之后采用什么方式提醒 | string | none,message,alert,notify | message | fail-tip | 请求返回失败结果之后采用什么方式提醒 | string | none,message,alert,notify | alert | submit-button-text | 提交按钮显示文本 | string | | 提交 | submit-button-type | 提交按钮的primary属性 | string | | primary | submit-close-drawer | 表单提交之后是否关闭drawer,如果是drawer打开的话 | boolean | | true | refresh-grid | 表单提交之后是否刷新grid,如果页面有grid的话 | boolean | | true | filter | 当前工具栏的区分标识,当指定此值时,动作结束会刷新表格的数据。 | string | | | 其他 | 支持所有el-form属性,不支持model属性,由v-model替代 ## 事件 | 事件 | 说明 | 参数 | --- | --- | --- | submit-before | 提交表单前事件 | apiParam:发送给api的请求参数;cancle:提交取消方法,调用此方法则会取消表单提交。 | submit-after | 提交之后事件,无论正确与否都会抛出 | | submit-success | 请求结果为正确时发出的事件 | response:响应内容。 | submit-fail | 请求结果为失败时发出的事件 | response:响应内容。 | reset | 重置事件 | | 其他 | 支持所有el-form事件。 ## 插槽 | 插槽名 | 说明 | --- | --- | actionBar | 操作栏内容,可插入按钮,文本等。