技术文档

打开导航菜单

PIG AI Guide
============

切换主题搜索

[](https://wwads.cn/click/bait)[![](https://cdn.wwads.cn/creatives/GPfb3fTMCC7MNI9G44pKV791miZNKE2REPWfwcD4.jpg)
](https://wwads.cn/click/bundle?code=ZjHRzsttiShllTKioSc21ytNdis6pa)

[🔥**2核2G ARM架构云服务器 每月750小时免费试用**🆓 灵活弹性又可靠💪早用早省～](https://wwads.cn/click/bundle?code=ZjHRzsttiShllTKioSc21ytNdis6pa)[广告](https://wwads.cn/?utm_source=property-270&utm_medium=footer "点击了解万维广告联盟")

PIGX 技术指南
=========

适配 5.0 以上单体和微服务版本

PIGX 技术指南PIG

⌘K

参与开发

快速上手

前端部分

功能使用

后端部分

扩展必看

生产部署

社区分享

更新日志

更新日期: 2025-10-23

最后更新: 2025/8/19

切换主题

前端悬浮输入组件
========

[](#普通文件上传)普通文件上传
-----------------

![](https://minio.pigx.top/oss/202306/1687530763.png)

```


`const  PopoverInput  =  defineAsyncComponent(   ()  =>  import("/@/components/PopoverInput/index.vue")  );`




```

```


`<popover-input  @confirm="onConfirm">   <template  #default>   <el-button> 点击输入 </el-button>   </template>  </popover-input>`




```

### [](#属性说明)属性说明

| 属性名称 | 描述 | 类型 | 默认值 |
| --- | --- | --- | --- |
| 

value

 | 

值

 | 

String

 | 

\-

 |
| 

type

 | 

类型

 | 

String

 | 

'text'

 |
| 

width

 | 

宽度

 | 

Number

 | 

String

 |
| 

placeholder

 | 

提示文字

 | 

String

 | 

\-

 |
| 

disabled

 | 

是否禁用

 | 

Boolean

 | 

false

 |
| 

options

 | 

选项列表

 | 

Array<any\[\]>

 | 

\[\]

 |
| 

size

 | 

大小

 | 

'default'

 | 

'small'

 |
| 

limit

 | 

字符限制

 | 

Number

 | 

200

 |
| 

showLimit

 | 

是否显示字符限制

 | 

Boolean

 | 

false

 |
| 

teleported

 | 

是否使用传送门（teleport）进行渲染

 | 

Boolean

 | 

true

 |

### 本页导航

普通文件上传

属性说明