---
date: 2025-04-03 22:01:30
title: InputTag
permalink: /pages/74f429
tags:
  - vue组件
author:
  name: 华总
  link: https://xiaoying.org.cn
categories:
  - 使用指南
  - Form 表单组件

---





## 说明

基于`el-tag`的封装

## 可选参数

```typescript
defineProps({
  config: {
    type: Object as () => {
      buttonAttrs: Record<string, any>; 
      inputAttrs: Record<string, any>;
      tagAttrs: Record<string, any>;
    },
    default: () => ({
      buttonAttrs: {}, //可配置 el-button 的所有 props 和自定义属性
      inputAttrs: {},  //可配置 el-input 的所有 props 和自定义属性：
      tagAttrs: {},    //可配置 el-tag 的所有 props 和自定义属性：
    }),
  },
});
```



## 使用

```vue
<script setup lang="ts">
	import InputTag from "liyao-vue-common"
  
  const attr = {
  buttonAttrs: {
    btnText: "新增标签"
  }

}

</script>

<template>
  <div>
      <InputTag :config="attr"></InputTag>
  </div>
</template>
```

 
