技术文档

打开导航菜单

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

切换主题搜索

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

[立即注册亚马逊云服务免费套餐🆓享高达200美元抵扣金🚀开始您的云计算之旅🎉](https://wwads.cn/click/bundle?code=sj7Ny736XRcFfkxA7ZZ2xd4g0QXaBc)[广告](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/202407/1721358361.png)

[](#使用方法)使用方法
-------------

![](https://minio.pigx.top/oss/202308/1690987106.png)

```


`<tag-list buttonText="+手机号" v-model="phoneList"  />;  
const phoneList =  ref([]);`




```

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

| 属性 | 类型 | 默认值 | 说明 |
| --- | --- | --- | --- |
| 

`modelValue`

 | 

Array\[String\]

 | 

`[]`

 | 

双向绑定绑定的标签数组

 |
| 

`buttonText`

 | 

String

 | 

`+ New Tag`

 | 

按钮显示的文本

 |
| 

`tagType`

 | 

'success', 'info', 'warning', 'danger'

 | 

 | 

按钮显示类型

 |

### 本页导航

使用方法

属性说明