更新记录
1.0.0(2026-08-13) 下载此版本
首次发布:提供反馈标签选择、文本输入、确认、取消和遮罩关闭能力。
平台兼容性
反馈弹窗
组件名:
feedback-dialog
零依赖 uni-app 反馈弹窗,支持标签选择、自定义文本输入、确认、取消和遮罩关闭。
安装
插件市场导入后保留 uni_modules/feedback-dialog。项目开启 easycom 时可直接使用;也可手动导入:
import FeedbackDialog from '@/uni_modules/feedback-dialog/components/feedback-dialog/feedback-dialog.vue'
npm 安装:
npm install uni-feedback-dialog
import FeedbackDialog from 'uni-feedback-dialog'
使用示例
<template>
<view>
<button @tap="visible = true">提交反馈</button>
<feedback-dialog
:visible.sync="visible"
:tags="tags"
:mask-closable="true"
@confirm="handleConfirm"
/>
</view>
</template>
<script>
export default {
data() {
return {
visible: false,
tags: [
{ label: '答案不准确', value: 'incorrect' },
{ label: '内容不完整', value: 'incomplete' },
{ label: '其他问题', value: 'other' }
]
}
},
methods: {
handleConfirm({ tag, tagIndex, value }) {
// 提交 tag、tagIndex 和用户输入 value
}
}
}
</script>
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
visible |
Boolean | false |
是否显示,支持 .sync |
title |
String | 反馈 |
标题 |
tags |
Array | [] |
标签字符串,或 { label, value } 对象 |
value |
String | '' |
初始输入内容 |
inputPlaceholder |
String | 请填写你的反馈 |
输入提示 |
maxlength |
Number | 200 |
输入最大长度 |
inputHeight |
Number | 230 |
输入框最小高度,单位 rpx |
autoHeight |
Boolean | false |
是否随输入自动增高 |
cancelText / confirmText |
String | 取消 / 提交 |
按钮文字 |
maskClosable |
Boolean | false |
点击遮罩是否关闭 |
headerImage |
String | '' |
可选标题插图地址 |
resetOnClose |
Boolean | true |
关闭时是否清空文本并重置标签 |
事件
| 事件 | 参数 | 说明 |
|---|---|---|
confirm |
{ tag, tagIndex, value } |
点击确认 |
cancel |
— | 点击取消 |
tag-change |
{ tag, tagIndex } |
切换标签 |
close |
cancel / confirm / mask |
关闭原因 |
平台与发布
支持 Vue 2 的微信小程序、App-Vue、H5,无第三方依赖;不支持 nvue 和 Vue 3。
cd plugins/FeedbackDialog/uni_modules/feedback-dialog
npm login
npm publish

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 4
赞赏 0
下载 12503582
赞赏 1941
赞赏
京公网安备:11010802035340号