Skip to content

Feedback 气泡反馈

代码示例

基本示例

基本示例

注意:operationsactions 中的 name 属性必须唯一。点击后,会响应 operationaction 事件,参数则为 name

另外,operationsactions 的每一项可以单独设置 onClick 回调,和 operationaction 事件会同时触发

loading

控制显示数量

使用 operations-limitactions-limitsources-lines-limit 来分别控制左侧操作按钮、右侧动作按钮和底部来源展开后显示的最大数量或行数

loading

自定义动作图标

action 内置支持的图标有:copyrefreshlikedislike。可设置 action.icon 传入自定义图标,支持 VNodeComponent

loading

API

FeedbackProps

属性类型必填说明
operationsArray<{ name: string; label: string; onClick?: () => void }>操作按钮配置数组
operationsLimitnumber默认显示的操作按钮数量,超出部分会折叠
actionsArray<{ name: string; label: string; icon?: 'copy' | 'refresh' | 'like'| 'dislike' | VNode | Component; onClick?: () => void }>动作按钮配置数组
actionsLimitnumber默认显示的动作按钮数量,超出部分会折叠
sourcesArray<{ label: string; link: string }>数据来源链接配置数组
sourcesLinesLimitnumber默认显示的数据来源行数,超出部分会折叠

FeedbackEvents

事件名参数说明
operationname: string当点击操作按钮时触发,返回操作名称
actionname: string当点击动作按钮时触发,返回动作名称